.page-header{position:relative;min-height:400px;background:linear-gradient(180deg,#467aa4 -50%,#00afe6 70%)}.page-header .title-page-header{display:block;padding-top:55px;padding-bottom:10px;line-height:4.2rem;color:#fff;letter-spacing:3px;text-transform:uppercase;text-align:center;font-size:3rem;font-weight:700}@media screen and (min-width:480px){.page-header .title-page-header{font-size:4rem}}@media screen and (min-width:768px){.page-header .title-page-header{font-size:4.8rem;line-height:4.8rem}}.page-header .subtitle-page-header{display:block;font-size:1.6rem;font-weight:700;line-height:2rem;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px}@media screen and (min-width:480px){.page-header .subtitle-page-header{font-size:1.8rem}}.page-header .page-post-language{position:absolute;top:15px;right:5px;color:#fff}.page-header .results-text{display:block;margin-top:30px;font-size:18px;font-weight:700;line-height:2rem;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px}.explore-by-os[data-v-cdd8d012]{margin-right:30px}.explore-by-os .title-component[data-v-cdd8d012]{font-weight:700;font-size:35px;letter-spacing:2px;text-transform:uppercase;color:#697780;display:block;text-align:center;margin-bottom:120px;padding-top:50px}.explore-by-os .category-title[data-v-cdd8d012]{font-size:3.6rem;margin-bottom:50px}.no-article[data-v-cdd8d012]{min-height:460px;margin-top:40px;margin-bottom:40px}@media screen and (max-width:767px){.no-article .mobile-position[data-v-cdd8d012]{text-align:center}}.no-article .title[data-v-cdd8d012]{padding-bottom:10px}.no-article .subtitle[data-v-cdd8d012],.no-article .title[data-v-cdd8d012]{text-transform:uppercase;font-weight:700;letter-spacing:2px;color:#697780}.no-article .subtitle[data-v-cdd8d012]{padding-bottom:40px}.no-article button[data-v-cdd8d012]{max-width:335px}.no-article img[data-v-cdd8d012]{width:100%;height:280px}.category .page-header[data-v-cdd8d012]{background:url(/community/static/img/page-header.6a173d3.png);background-repeat:no-repeat;background-size:100% 100%;background-position:bottom}.right-sidebar-article[data-v-fb2c8aae]{border-right:3px solid #f3f3f3}.right-sidebar-article .related-article-title-sidebar[data-v-fb2c8aae]{font-size:13px}.right-sidebar-article .right-sidebar-title[data-v-fb2c8aae]{color:#84929b;font-size:18px;font-weight:700}.right-sidebar-article ul[data-v-fb2c8aae]{width:95%;list-style:none;padding-left:0}.right-sidebar-article ul li[data-v-fb2c8aae]{font-size:1.3rem;color:#84929b;border-bottom:2px solid #e3e3e3;cursor:pointer;padding:10px 0}.right-sidebar-article ul li a[data-v-fb2c8aae]{color:#84929b}.right-sidebar-article ul li a[data-v-fb2c8aae]:hover{color:#00a4e6;text-decoration:none}.quicktip[data-v-cc75b244]{position:fixed;top:80px;right:0;z-index:20;width:0;height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto;overflow:hidden auto;text-align:left;background-color:#fff;transition:width .4s}.quicktip.active[data-v-cc75b244]{width:min(400px,100vw);border-top:1px solid #ddd;border-left:1px solid #ddd}.quicktip-content-wrapper[data-v-cc75b244]{padding:20px 15px}.quicktip .btn-copy[data-v-cc75b244]{position:relative;display:grid;align-items:center;justify-items:center;place-items:center;width:35px;height:35px;margin:5px 0 -35px;font-size:1.6rem;background-color:transparent;filter:drop-shadow(0 0 5px #bbb);border:0;border-radius:50%;transition:background-color .2s}.quicktip .btn-copy[data-v-cc75b244]:hover{background-color:rgba(0,0,0,.1)}.quicktip .btn-copy[data-v-cc75b244]:active{outline:none}.quicktip .btn-copy[data-v-cc75b244]:after{right:0;padding:8px 10px;font-size:1.2rem;white-space:nowrap;content:"Copied to clipboard!";border-radius:10px}.quicktip .btn-copy[data-v-cc75b244]:after,.quicktip .btn-copy[data-v-cc75b244]:before{position:absolute;bottom:calc(100% + 10px);display:none;background-color:#fff}.quicktip .btn-copy[data-v-cc75b244]:before{right:10px;z-index:1;width:15px;height:15px;content:"";transform:translateY(50%) rotate(45deg)}.quicktip .btn-copy.copied[data-v-cc75b244]:after,.quicktip .btn-copy.copied[data-v-cc75b244]:before{display:block}.editor-toolbar[data-v-26d8d756]{position:sticky;top:0;z-index:19;width:100%;background:#fff;border-color:#ddd;opacity:1}.editor-toolbar.fullscreen[data-v-26d8d756]{position:fixed;top:auto;bottom:0;z-index:10;text-align:center;box-shadow:0 0 8px -2px #999}.CodeMirror[data-v-26d8d756]{width:100%;height:calc(100% - 100px);padding:0;transition:width .4s}.CodeMirror .CodeMirror-vscrollbar[data-v-26d8d756]{overflow:hidden!important}.CodeMirror .CodeMirror-scroll[data-v-26d8d756]{position:static;width:100%;height:auto;padding:0;margin-bottom:30px;overflow-x:hidden!important;overflow-y:auto!important;overflow:hidden auto!important}.CodeMirror-fullscreen[data-v-26d8d756]{top:80px;overflow-x:auto;overflow-y:hidden;overflow:auto hidden}.CodeMirror-fullscreen .CodeMirror-scroll[data-v-26d8d756]{scrollbar-width:thin;scrollbar-track-color:rgba(0,0,0,.5) transparent;position:relative;height:calc(100% - 50px)}.CodeMirror-fullscreen .CodeMirror-scroll[data-v-26d8d756]::-webkit-scrollbar{width:5px;height:5px}.CodeMirror-fullscreen .CodeMirror-scroll[data-v-26d8d756]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.CodeMirror .CodeMirror-sizer[data-v-26d8d756]{padding:10px 17px 0 10px!important;border:none!important}.editor-preview-side[data-v-26d8d756]{scrollbar-width:thin;scrollbar-track-color:rgba(0,0,0,.5) transparent;top:80px;display:block;width:0;padding:0;margin-bottom:50px;border:none;transition:width .4s,right .4s,padding .4s}.editor-preview-side[data-v-26d8d756]::-webkit-scrollbar{width:5px;height:5px}.editor-preview-side[data-v-26d8d756]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.editor-preview-active-side[data-v-26d8d756]{width:50%;padding:10px;border:1px solid #ddd}.tooltip-active .CodeMirror[data-v-26d8d756]{width:calc(100% - 400px)}.tooltip-active .editor-preview-side[data-v-26d8d756]{right:400px}.tooltip-active .CodeMirror-sided[data-v-26d8d756],.tooltip-active .editor-preview-active-side[data-v-26d8d756]{width:calc(50% - 200px)!important}mark[data-v-26d8d756]{color:#e34a21;background:#f5f2f0}mark[data-v-26d8d756],pre[data-v-26d8d756]:not([class]){font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}pre[data-v-26d8d756]:not([class]){padding:1.4rem;color:#000;background:#f5f2f0!important}code[data-v-26d8d756]{padding:.2rem;font-size:1.6rem!important;color:#000;background:#f5f2f0}.command-output[data-v-26d8d756]{display:flex;padding:10px;margin-bottom:2.5rem!important;overflow-x:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f5f2f0!important}.command-output pre[data-v-26d8d756]{padding:0!important;margin:0!important}.command-output pre .line-numbers-rows[data-v-26d8d756]{display:none}.command-output p[data-v-26d8d756]{margin-bottom:0!important;color:#84929b}.custom-language[data-v-26d8d756]{position:relative;padding:1.4rem 1.4rem 1.4rem 0!important;margin:1em 0;overflow:auto;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;color:#000;text-shadow:0 1px #fff;background:#f5f2f0!important;border-radius:10px}.custom-language .prefix-column[data-v-26d8d756]{display:flex;flex-direction:column;color:#999}.custom-language .custom-prefix[data-v-26d8d756]{top:0;left:8px;padding:0 10px;font-size:100%;pointer-events:none}.custom-language .custom-prefix[data-v-26d8d756],.custom-language .empty-prefix[data-v-26d8d756]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-language .code-block[data-v-26d8d756]{display:flex;flex-direction:column;word-break:break-all;white-space:pre-line}.custom-language .command-output[data-v-26d8d756]{padding:0!important;margin-bottom:0!important;white-space:normal}.custom-language p[data-v-26d8d756]{margin-bottom:0!important;word-break:break-all;white-space:pre}.custom-language code[data-v-26d8d756]{display:flex}div.alert[data-v-26d8d756],div.command-output[data-v-26d8d756],div.file-block[data-v-26d8d756]{margin-bottom:3.5rem;border-radius:10px}s ul[data-v-26d8d756]{padding-left:0;list-style-position:inside}.command-line-prompt[data-v-26d8d756]{margin-right:1rem}.alert p[data-v-26d8d756]{margin-bottom:0}.file-block[data-v-26d8d756]{padding:3px;margin-bottom:10px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background:#f5f2f0}.file-block pre[data-v-26d8d756]{display:flex;padding:10px!important;margin:0!important}.file-block pre .line-numbers-rows[data-v-26d8d756]{display:none}.file-block p[data-v-26d8d756]{margin:10px 20px;word-break:break-all;white-space:pre-line}.file-block .file-label[data-v-26d8d756]{position:relative;display:flex;align-items:center;justify-content:center;line-height:38px;background:#fff;border-radius:10px 10px 0 0}.file-block .file-label p[data-v-26d8d756]{margin:0}table:not([class]) td[data-v-26d8d756],table:not([class]) th[data-v-26d8d756]{padding:5px;border:1px solid #ddd}.comment-component .list-group-item[data-v-6de2f6e6]{border:0;padding:0;background-color:transparent}.comment-component .footer-comment a[data-v-6de2f6e6]{cursor:pointer}.comment-component .footer-comment .link-reply-comment[data-v-6de2f6e6],.comment-component .footer-comment .link-report-comment[data-v-6de2f6e6]{color:#00afe6;font-size:16px}.comment-component .footer-comment .link-report-comment[data-v-6de2f6e6]{margin-left:15px}.comment-component .footer-comment .line-comment-footer[data-v-6de2f6e6]{color:#e3e3e3;width:100%}.comment-component .header-comment .author-comment-name[data-v-6de2f6e6]{font-size:16px;color:#697780}.comment-component .header-comment .posted-ago-comment[data-v-6de2f6e6]{color:#697780;font-size:13px}.comment-component .body-comment .comment-content[data-v-6de2f6e6]{color:#4c555f;font-size:16px}.comment-component .body-comment .comment-content h1[data-v-6de2f6e6]{font-size:4.4rem}.index-slug .header-article{background-color:#f0f5f7;padding:30px 0 10px;margin-bottom:30px}.index-slug .img-author img{border-radius:100%;width:32px;margin-top:2px}.index-slug .badge-categorie{padding:7px;margin:5px;border-radius:0;font-weight:400;font-size:80%}.index-slug .badge-categorie a{color:#fff;text-decoration:none}.index-slug .text-author{line-height:1.2;overflow:hidden}.index-slug .text-author a:hover{text-decoration:none}.index-slug .text-author a .author-name{font-size:1.3rem;letter-spacing:1px;color:#697780}.index-slug .text-author a .author-name:hover{color:#00c3e6}.index-slug .title-article{width:100%;word-break:break-word;font-weight:700;font-size:3.8rem}@media screen and (min-width:480px){.index-slug .title-article{font-size:5rem;line-height:5.4rem}}@media screen and (min-width:600px){.index-slug .title-article{font-size:6rem;line-height:6.4rem}}@media screen and (min-width:768px){.index-slug .title-article{font-size:7.2rem;line-height:7.6rem}}.index-slug .user-container{margin:-15px 0 15px}.index-slug .user-container .user-dropdown{top:30px;left:12px}.index-slug .selector-languages{max-width:250px;margin-top:10px}@media screen and (min-width:468px){.index-slug .selector-languages{max-width:200px;margin-top:-2px}}.index-slug .posted-hour{font-size:1.3rem;letter-spacing:1px}@media(max-width:479px){.index-slug .mobile-width{width:100%}}.index-slug .list-categories{max-width:100%}@media screen and (min-width:992px){.index-slug .author-data-header{justify-content:flex-end}}@media screen and (max-width:991px){.index-slug .author-data-header{margin-top:15px}}.index-slug .github-author-link{display:block;font-size:1.5rem;padding-right:15px;overflow:hidden;text-overflow:ellipsis}.index-slug .github-author-link a:hover{color:#01cff3}.index-slug .author-since{font-size:1.4rem;padding-right:15px;text-align:right;color:#00afe6;display:block}.index-slug .to-top-btn{margin-top:20px;margin-bottom:20px;text-transform:uppercase;font-weight:500;background-color:transparent;color:#00a4e6}.index-slug .to-top-btn .angle-up-icon{margin-right:10px;display:inline-flex;font-size:24px}@media screen and (min-width:1300px){.index-slug .to-top-btn{min-width:219px}}.index-slug .article-content{line-height:2.4rem;letter-spacing:.06rem}.index-slug .article-contenta,.index-slug .article-contenta:hover{color:#4c555f;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.index-slug .article-content img{border-radius:10px;width:95%;margin:10px;box-shadow:2px 2px 10px rgba(0,0,0,.15)}.index-slug .article-content .p-article-content{margin:0 0 50px}.index-slug .article-content .wp-block-image img{width:100%}.index-slug .article-content>div>ol,.index-slug .article-content>div>p,.index-slug .article-content>div>pre,.index-slug .article-content>div>table,.index-slug .article-content>div>ul{margin-bottom:3.5rem;border-radius:10px}.index-slug .article-content s ul{list-style-position:inside;padding-left:0}.index-slug .read-more-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media screen and (max-width:767px){.index-slug .read-more-container{justify-content:center}}@media screen and (max-width:767px){.index-slug .social-icons{margin-top:20px}}.index-slug .social-icons svg{font-size:2.5rem;margin-left:5px;margin-right:5px;color:#84929b}.index-slug .social-icons .heart-like-component .heart-like{color:#00a4e6;padding:0}.index-slug .social-icons .counter-likes{font-size:11px}.index-slug .read-more-about{line-height:1.6;font-size:1.5rem;letter-spacing:1px;color:#697780}@media screen and (max-width:767px){.index-slug .read-more-about{text-align:center;width:100%;padding:0}}.index-slug .related-articles{padding-top:30px;padding-bottom:30px;margin-top:2px}.index-slug .related-articles-article-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:30px;color:#4c555f;letter-spacing:2px}@media(min-width:1400px){.index-slug .article-body.container{max-width:1304px}}.index-slug .disable-comments{background-color:#f0f0f0!important}.index-slug span.token.operator{background:none}.comment-area{text-align:center;min-height:240px}.align-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.affix-article{width:100%;position:sticky;top:85%}.aside-container.related{margin-left:-239px;left:239px}