@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600&family=Oleo+Script:wght@400;700&family=Source+Sans+Pro&family=Inter&family=Courgette&family=Goldman&family=Roboto+Slab:wght@300;600&display=swap);:root{--primary-color:#2a73cc;--primary-color-hover:#215699;--primary-color-light:#e7eef9;--secondary-color:#153966;--light-color:#eff2fa;--light-color-hover:#f0f0f0;--dark-color:#333333;--shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);--border-color:#e5e7eb;--border-radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--light-color);print-color-adjust:exact;-webkit-print-color-adjust:exact;font-family:Nunito,Inter,sans-serif;margin:0}body a{text-decoration:none;color:var(--primary-color)}.screen-reader-text{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;opacity:0;visibility:hidden}.main-content ol,.main-content ul{text-align:justify;margin-left:-10px;line-height:1.8}button,input,li,p,select{color:#212223;font-size:16px;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,sans-serif;font-weight:500;color:var(--dark-color);text-align:left}.page-title{margin:30px auto}.section{display:grid;grid-template-columns:22% 1fr 15%;grid-template-areas:'sidebar-left content sidebar-right' 'sidebar-left content-footer sidebar-right';grid-auto-rows:min-content;background-color:#fff}.main-content-home{display:flex;flex-direction:column;width:100%;position:relative;overflow:hidden}.main-content{width:100%;overflow:hidden;grid-area:content;z-index:100;position:relative;padding:0 30px;height:fit-content;display:flex;flex-direction:column;gap:30px;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05);box-shadow:-1px 0 5px -10px rgba(0,0,0,.5),1px 0 5px -15px rgba(0,0,0,.5)}article>ol,article>p,article>ul{text-align:justify}.main-content article>:last-child{margin-bottom:0}.content-footer{grid-area:content-footer;grid-column:2;position:relative;display:flex;flex-direction:column;gap:30px;padding:0;padding-bottom:30px;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05);box-shadow:-1px 0 5px -15px rgba(0,0,0,.5),1px 0 5px -15px rgba(0,0,0,.5)}.main-content h1{font-size:36px;margin-top:0;margin-bottom:50px;font-weight:600}.main-content h2{font-size:34px;margin-top:50px;margin-bottom:20px;font-weight:500}.main-content h3{font-size:26px;margin-top:40px;margin-bottom:20px;font-weight:400}.main-content h4{font-size:22px;margin-top:30px;margin-bottom:20px;font-weight:400}.main-content h5{font-size:20px;margin-top:10px;margin-bottom:10px;font-weight:400}.main-content h6{font-size:20px;margin-top:10px;margin-bottom:10px;font-weight:400}.main-content p a,.main-content table a,.main-content ul li a{color:var(--primary-color);text-decoration:underline}.main-content p a:hover,.main-content table a:hover,.main-content ul li a:hover{color:var(--primary-color-hover)}.main-content a[target*="_blank"]:after{font-family:tutsinsider;content:'\e959';font-size:10px;padding-left:5px;text-decoration:none}.main-content>a[target*="_blank"]:after{border-bottom:1px solid}.main-content p{font-size:16px;line-height:1.8;text-align:justify}.main-content table{font-size:1rem;margin:30px auto;border:1px solid #999;width:100%;border-collapse:collapse}.main-content table caption{background:var(--light-color);color:#000;border:1px solid #ddd;text-align:center;padding:10px 0;text-transform:uppercase;font-weight:900;font-size:16px}.main-content table caption a{color:#3949ab}.main-content table thead{font-weight:900;line-height:30px;font-size:110%;background:var(--light-color);color:#333}.main-content table tbody tr:hover{background:#f7f7f4}.main-content table tr td,.main-content table tr th{padding:5px;padding-left:10px;padding-right:10px}.main-content table td,.main-content table th{border:1px solid #ddd}@media screen and (max-width:680px){.main-content-home{display:flex}.section{display:flex;flex-direction:column;align-items:center}.main-content{padding:15px;width:100%}.content-footer{width:100%;margin-bottom:0}.main-content h1{font-size:30px;margin-bottom:30px;line-height:1.5}.main-content h2{font-size:24px;margin-top:26px;margin-bottom:26px}.main-content h3{font-size:22px;margin-top:22px;margin-bottom:22px}.main-content h4{font-size:20px;margin-top:20px;margin-bottom:20px}.main-content h5{font-size:20px;margin-top:10px;margin-bottom:10px}.main-content h6{font-size:20px;margin-top:10px;margin-bottom:10px}}.sidebar-left{grid-area:sidebar-left}.sidebar-right{grid-area:sidebar-right;padding-left:30px}.section>input[type=checkbox]{display:none}.sidebar-left,.sidebar-right{padding-top:30px;background-color:var(--light-color)}.sidebar-left{position:sticky;top:40px;overflow-y:auto;max-height:calc(100vh - 40px)}body.tools-template-default .sidebar-left{top:0;max-height:100vh}@media (max-width:680px){.sidebar-left{position:relative;top:initial;overflow-y:initial;margin:auto;max-height:initial}body.tools-template-default .sidebar-left{top:0;max-height:100vh}}.sidebar-posts-list-outer{border-bottom:1px solid var(--border-color);margin-bottom:8px}.sidebar-posts-list-outer:nth-last-child(2){border-bottom:none}.sidebar-posts-list-outer input[type=checkbox]{display:none}.sidebar-posts-title{cursor:pointer;position:relative;margin:0}.sidebar-pagelist-title,.sidebar-posts-title label{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 30px;font-size:1rem;font-weight:600;color:var(--primary-color);cursor:pointer}.sidebar-posts-title label::after{content:'\e909';font-family:tutsinsider;color:var(--primary-color);transform:rotate(90deg);position:absolute;right:20px;font-size:16px;transition:transform .3s cubic-bezier(.25, .1, .25, 1)}.sidebar-posts-list-inner{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.25, .1, .25, 1)}.has-nested-posts{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;position:relative}.has-nested-posts a{width:100%}.has-nested-posts::after{content:'\e905';font-family:tutsinsider;color:#ccc;position:absolute;right:20px;font-size:16px;transition:transform .3s cubic-bezier(.25, .1, .25, 1)}.has-nested-posts+.sidebar-nested-posts{display:none}.sidebar-posts.active.has-nested-posts::after,.sidebar-posts.has-active-nested::after{content:'\e903'}.sidebar-nested-posts.is-active,.sidebar-posts.active.has-nested-posts+.sidebar-nested-posts{display:block}.sidebar-nested-posts{background:#fff;box-shadow:inset 0 3px 5px -5px #333,inset 0 -3px 5px -5px #333}.sidebar-left .sidebar-posts,.sidebar-right .sidebar-posts{display:block;padding:5px 30px;font-size:.95rem;line-height:26px;color:var(--dark-color);text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-posts.active::after,.sidebar-posts.has-active-nested,.sidebar-posts.has-active-nested::after{color:var(--primary-color)}.sidebar-posts:hover{background-color:var(--primary-color-light);color:var(--primary-color)}.sidebar-posts.active{background-color:var(--primary-color);color:var(--light-color)}.sidebar-posts-list-outer input[type=checkbox]:checked~.sidebar-posts-list-inner{max-height:1000px;padding-bottom:10px}.sidebar-posts-list-outer input[type=checkbox]:not(:checked)~.sidebar-posts-title label{color:#333}.sidebar-posts-list-outer input[type=checkbox]:not(:checked)~.sidebar-posts-title label::after{transform:rotate(0);color:#333}@media (max-width:680px){.sidebar-posts-title{margin:0}}.sidebar-right .sidebar-posts-list-outer{border-bottom:1px solid var(--border-color);padding-bottom:8px}.sidebar-right .sidebar-posts-list-outer:last-child{border-bottom:none}.sidebar-right .sidebar-posts-title label{padding:10px 0}.sidebar-posts-list-outer.page .sidebar-posts-title label:hover,.sidebar-right .sidebar-posts-title label:hover{cursor:default}.sidebar-posts-list-outer.page .sidebar-posts-title label::after,.sidebar-right label::after{content:''}.sidebar-right .sidebar-posts-list-inner a{padding:5px 0}.sidebar-right .sidebar-posts-list-inner a:hover{background:initial}.sidebar-posts-list-outer.page .sidebar-posts-list-inner,.sidebar-right .sidebar-posts-list-inner{max-height:1500px}.validation-checkbox-value{display:inline-flex;float:right;margin-top:10px;text-decoration:none;opacity:.3}.validation-passed{color:#0ac80a}.validation-failed{color:#ef0e0e}.sidebar-left-ad-unit{margin:24px 16px;text-align:center}.footer{background-color:var(--secondary-color);color:#cdd3d8;padding:60px 5% 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:auto auto auto;gap:40px;position:relative;border-top:5px solid var(--primary-color);overflow:hidden}.footer::before{content:'';position:absolute;top:-50px;left:-50px;width:250px;height:250px;background-color:rgba(255,255,255,.05);border-radius:50%;transform:rotate(45deg);pointer-events:none}.footer::after{content:'';position:absolute;bottom:-70px;right:-70px;width:150px;height:150px;background-color:rgba(255,255,255,.03);border-radius:50%;transform:rotate(-30deg);pointer-events:none}.footer-menu,.footer-subscribe,.footer-title-section{display:flex;flex-direction:column;gap:20px}.footer-title-section{grid-row:1;grid-column:1/-1;margin:auto}.footer-title{font-size:3rem;font-weight:700;font-family:Goldman,cursive;color:var(--light-color);text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:color .3s ease}.footer-logo-icon{font-size:1.2em;color:var(--light-color)!important;transition:color .3s ease}.footer-title:hover,.footer-title:hover i{color:var(--primary-color)!important}.footer-menu{grid-row:2;display:flex;flex-direction:row;gap:60px;grid-column:span 2}.footer-menu nav{flex:1}.footer-menu nav::before{content:attr(data-title);font-size:18px;font-weight:600;color:var(--light-color);margin-bottom:15px;display:block}.footer-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-menu .menu-item a{color:#cdd3d8;text-decoration:none;font-size:15px;transition:color .3s ease,padding-left .3s ease;position:relative}.footer-menu .menu-item a:hover{color:var(--light-color);padding-left:8px}.footer-menu .menu-item a::before{content:'\e905';font-family:tutsinsider;position:absolute;left:-5px;opacity:0;transition:opacity .3s ease,left .3s ease;color:var(--primary-color)}.footer-menu .menu-item a:hover::before{opacity:1;left:-2px}.footer-subscribe{grid-row:2;position:relative}.footer-subscribe-form{display:flex;flex-direction:column;gap:15px}.footer-subscribe::before{content:'Stay Updated';font-size:18px;font-weight:600;color:var(--light-color);display:block}.footer-subscribe-form input[type=email]{width:100%;padding:12px 15px;border-radius:8px;border:1px solid #3a5f94;background:#a8a8a8;color:#333;font-family:Poppins,sans-serif;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.footer-subscribe-form input[type=email]:focus,.footer-subscribe-form input[type=email]:not(:placeholder-shown){outline:0;border-color:var(--primary-color);background:var(--light-color);box-shadow:0 0 0 3px rgba(42,115,204,.3)}.footer-subscribe-form input[type=email]::placeholder{color:#575757}.footer-subscribe-form button[type=submit]{padding:12px 20px;border-radius:8px;border:none;background-color:var(--primary-color);color:var(--light-color);font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.footer-subscribe-form button[type=submit]:hover{background-color:var(--primary-color-hover);transform:translateY(-2px)}.grecaptcha-badge{z-index:9999!important}.subscriber-message{font-size:1rem;font-weight:600}.subscriber-message.success{color:#0ac80a}.subscriber-message.error{color:#ff6161}.subscriber-message.hidden{display:none}.subscriber-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.subscriber-loader.hidden{display:none}@keyframes rotation{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.footer-bottom{grid-row:3;grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:30px;margin-top:30px;border-top:1px solid #3a5f94;flex-wrap:wrap;gap:20px}.copyright-text,.powerd-by,.powerd-by a{font-size:14px;color:#aab1b8}.powerd-by a{text-decoration:none;font-weight:500;color:#cdd3d8;transition:color .3s ease}.powerd-by a:hover{color:var(--primary-color)}.social-footer .menu{list-style:none;padding:0;margin:0;display:flex;gap:8px}.social-footer .menu-item a{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#1f4a80;color:#cdd3d8;font-size:16px;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .3s ease}.social-footer .menu-item a:hover{background-color:var(--primary-color);color:var(--light-color);transform:translateY(-3px)}.top-btn{position:fixed;bottom:20px;right:20px;z-index:999;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease,transform .4s ease;transform:translateY(20px)}.top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}#top-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:var(--primary-color);color:var(--light-color);border-radius:8px;text-decoration:none;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:background-color .3s ease,transform .3s ease}#top-btn:hover{background-color:var(--primary-color-hover);transform:scale(1.1)}.screen-reader-text{display:none}@media (max-width:680px){.footer{display:flex;flex-direction:column;padding:40px 5%;text-align:center}.footer-title{justify-content:center}.footer-menu{flex-direction:column;gap:30px;align-items:center}.footer-menu nav{width:100%;text-align:center}.footer-menu .menu-item a:hover{padding-left:0}.footer-menu .menu-item a::before{display:none}.footer-subscribe{padding:50px 10px 50px 10px;background-color:#00000025;border-radius:15px}.footer-subscribe-form{position:relative;max-width:100%}.footer-subscribe-form input[type=email]{padding-right:60px;border-radius:50px;height:50px;box-sizing:border-box}.footer-subscribe-form button[type=submit]{position:absolute;right:0;top:50%;transform:translateY(-50%);width:auto;height:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:18px}.footer-bottom{flex-direction:column;justify-content:center;gap:15px;border-top:none;margin-top:0;padding-top:10px}.footer-copyright{text-align:center}.social-footer .menu{justify-content:center}}iframe{border:none}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}kbd{background:var(--light-color);color:#dc143c;padding-left:4px;padding-right:4px;border-radius:2px}.bg-pattern{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQoU2NkYGAwZmBgOMuAACA+CKCIMSIpADGRNaEYgKwQ3WQUjTCF6CYhWw2WAynEpgjmIpg7jUlSiM0TWK2GWUOUZ7ApxggeogIcABHJFtftKVfJAAAAAElFTkSuQmCC) repeat}.highlight-green{background:#e9fde6;padding:1px 5px;border-left:5px solid #1e6014;border-right:5px solid #1e6014;border-radius:3px;display:inline-block}.highlight-blue{background:#d4f0fd;padding:1px 5px;border-left:5px solid #29b6f6;border-right:5px solid #29b6f6;border-radius:3px;display:inline-block}.highlight-red{background:#fde6e6;padding:1px 5px;border-left:5px solid #d92d2d;border-right:5px solid #d92d2d;border-radius:3px;display:inline-block}.code,.tidbit-blue,.tidbit-green,.tidbit-red{box-sizing:border-box;padding:10px;border-left:5px solid #000;margin:50px auto;border-radius:var(--border-radius);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.15)}.code .code-body,.tidbit-body-blue,.tidbit-body-green,.tidbit-body-red{padding:10px;text-wrap:wrap}.code h3.code-heading,.main-content h3.tidbit-heading-blue,.main-content h3.tidbit-heading-green,.main-content h3.tidbit-heading-red{position:relative;padding:0 20px;display:inline-block;width:auto;font-size:30px;margin:10px 0 10px -16px;line-height:2;border-radius:0 5px 5px 0;box-shadow:-1px 2px 3px rgba(0,0,0,.5);font-family:'Source Sans Pro',sans-serif;font-weight:500}.code h3.code-heading::after,.code h3.code-heading::before,.tidbit-heading-blue::after,.tidbit-heading-blue::before,.tidbit-heading-green::after,.tidbit-heading-green::before,.tidbit-heading-red::after,.tidbit-heading-red::before{position:absolute;content:'';display:block}.code h3.code-heading::before,.tidbit-heading-blue::before,.tidbit-heading-green::before,.tidbit-heading-red::before{width:16px;height:100%;padding:0 0 10px;top:0;left:-15px;background:inherit;border-radius:5px 0 0 5px}.code h3.code-heading::after,.tidbit-heading-blue::after,.tidbit-heading-green::after,.tidbit-heading-red::after{width:11px;height:6px;background:rgba(0,0,0,.5);bottom:-6px;left:-10px;border-radius:5px 0 0 5px;box-shadow:inset -1px 2px 2px rgba(0,0,0,.3)}.tidbit-green{background:#e9fde6;color:#333}.tidbit-heading-green{background:#1e6014;color:#e9fde6}.tidbit-blue{background:#d4f0fd;color:#333}.tidbit-heading-blue{background:#29b6f6;color:#333}.tidbit-red{background:#fde6e6;color:#333}.tidbit-heading-red{background:#d92d2d;color:#fde6e6}.code-example{display:block;width:100%;overflow:hidden;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin:50px auto}.code-example .code-file-name{padding:5px 0;margin:0 20px;color:#212529;border-radius:0;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;box-shadow:none;transition:background .3s ease;border-bottom:1px solid #dee2e6}.code-example .code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--light-color);border-bottom:1px solid #dee2e6;box-shadow:inset 0 -1px 0 rgba(0,0,0,.05)}.code-example .code-header-heading{display:flex;align-items:center;gap:10px}.code-example .header-icon{display:flex;align-items:center;justify-content:center}.code-example h3.code-heading{font-size:1.1rem;margin:0;padding:0;font-weight:700;color:#153966;letter-spacing:.2px}.code-example .code-header-controls{display:flex;align-items:center;gap:8px}.code-example .code-toggle-group{display:flex;border-radius:50px;overflow:hidden;border:1px solid #ccc}.code-example .cc-button{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;background-color:#fff;color:#495057;cursor:pointer;transition:all .25s ease;border:none;outline:0;text-decoration:none;white-space:nowrap}.code-example .code-toggle{border:1px solid #dee2e6;transition:all .3s ease}.code-example .code-toggle:last-child{border-right:none}.code-example .code-toggle i{max-width:0;height:16px;opacity:0;overflow:hidden;transition:all .5s ease;color:var(--light-color)}.code-example .code-toggle.active i{max-width:16px;opacity:1}.code-example .code-copy{border-radius:50px;border:1px solid #ccc;transition:all .3s ease}.code-example .cc-button.active,.code-example .cc-button.copying,.code-example .cc-button:not(.active):hover{background-color:var(--primary-color);color:var(--light-color);border-color:var(--primary-color)}.code-example a.tryit-btn{background-image:linear-gradient(to right,#2a73cc 0,#153966 100%);color:#fff;text-decoration:none;border-radius:50px;transition:all .3s ease-in-out;padding:6px 15px}.code-example a.tryit-btn:active,.code-example a.tryit-btn:focus,.code-example a.tryit-btn:hover{color:#fff!important;background-image:linear-gradient(to right,#2a73cc 0,#0d233f 100%)!important}.code-example .code-body{margin:15px;padding:10px;font-size:14px;color:#212529;overflow:auto;tab-size:2;-moz-tab-size:2;-o-tab-size:2;white-space:pre;word-wrap:normal;word-break:normal;line-height:23px;background:#fff;border-radius:8px;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3)}.code-example .code-output{margin:15px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3)}.code-description+.code-body,.code-description+.code-output{margin-top:5px}.code-description{margin:0 15px;color:#555;font-size:14px;font-weight:500;padding:5px 0;border-bottom:1px solid #dee2e6}.code-example .code-body{scrollbar-width:thin;scrollbar-color:var(--secondary-color) var(--light-color)}.code-example .code-body::-webkit-scrollbar{height:10px;width:10px}.code-example .code-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.code-example .code-body::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.code-example .code-body::-webkit-scrollbar-thumb:hover{background:#555}.code-example>p{padding:0 15px}@media (max-width:680px){.code-example{margin:30px auto}.code-example .code-file-name{padding:5px 0;margin:0 10px}.code-example .code-header{padding:10px;gap:10px}.code-example h3.code-heading{font-size:1rem}.code-example .cc-button,.code-example a.tryit-btn{padding:5px 10px;font-size:.8rem}.code-example .code-body,.code-example .code-output{margin:10px}}@media (max-width:380px){.code-example{margin:30px auto}.code-example .code-file-name{padding:5px 0;margin:0 10px}.code-example .code-header{padding:10px;gap:10px;flex-direction:column;align-items:flex-start}.code-example h3.code-heading{font-size:1rem}.code-example .cc-button,.code-example a.tryit-btn{padding:5px 10px;font-size:.8rem}.code-example .code-body,.code-example .code-output{margin:10px}}a.reference-link{background:var(--light-color);display:block;padding:5px;border-radius:4px;color:#000;text-align:center;max-width:400px;margin:10px auto;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}a.reference-link:active,a.reference-link:focus,a.reference-link:hover{background:#e9eaf8}@media screen and (max-width:680px){.single-tutorial .tutorial-btn{font-size:14px;margin-top:10px;margin-bottom:5px;margin-left:-5px}.tidbit-blue,.tidbit-green,.tidbit-red{margin:20px auto}.tidbit-body-blue,.tidbit-body-green,.tidbit-body-red{padding:10px;margin:5px}.main-content h3.tidbit-heading-blue,.main-content h3.tidbit-heading-green,.main-content h3.tidbit-heading-red{font-size:20px;margin-top:0}}.code{box-sizing:border-box;padding:10px;margin:50px auto;width:100%;border-radius:var(--border-radius);background:var(--light-color);border-left:5px solid var(--primary-color);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.15)}.code .code p{margin:0 10px}.code .code-heading{background:var(--primary-color);color:#fff}.code .code-file-name{padding:0 10px;margin:10px;margin-bottom:-10px;background:#999;color:#fff}.code .code-file-name:hover{background:#aaa}.code .code-body{padding:0 10px;tab-size:2;text-align:left;-moz-tab-size:2;-o-tab-size:2;display:block;overflow-x:auto;overflow-y:auto;text-wrap:wrap;margin:10px;font-size:14px;border-radius:2px;line-height:1.9;background-image:repeating-linear-gradient(#f8f8f8 0 27px,#fdfdfd 27px 53px);-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5)}.code .tryit-btn{display:inline-block;padding:5px 10px;margin:5px 0 0 10px;background:var(--primary-color);color:#fff;font-size:16px;font-weight:500;text-decoration:none;text-transform:uppercase;border-radius:var(--border-radius);transition:all .3s ease-in-out}.code .tryit-btn:active,.code .tryit-btn:focus,.code .tryit-btn:hover{color:#fff;-webkit-box-shadow:0 0 0 5px var(--primary-color-light);-moz-box-shadow:0 0 0 5px var(--primary-color-light);box-shadow:0 0 0 5px var(--primary-color-light);transition:all .3s ease-in-out}.code h3.code-output-heading{background:var(--light-color);color:#000;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:0}.code .code-output,.code h3.code-output-heading{padding:10px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5)}.code .code-output{margin:10px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.code a.reference-link{background:var(--light-color);display:block;padding:5px;border-radius:4px;color:#000;text-align:center;max-width:400px;margin:10px auto;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.code a.reference-link:active,.code a.reference-link:focus,.code a.reference-link:hover{background:#e9eaf8}@media screen and (max-width:680px){.code .code-body{tab-size:1;-moz-tab-size:1;-o-tab-size:1}.code .code .tryit-btn,.code .single-tutorial .tutorial-btn{font-size:14px;margin-top:10px;margin-bottom:5px;margin-left:-5px}.code .code-output,.code h3.code-output-heading{font-size:20px}.code .code,.code .tidbit-blue,.code .tidbit-green,.code .tidbit-red{margin:20px auto}.code .code-body,.code .tidbit-body-blue,.code .tidbit-body-green,.code .tidbit-body-red{padding:10px;margin:5px}.code .main-content h3.code-heading,.code .main-content h3.tidbit-heading-blue,.code .main-content h3.tidbit-heading-green,.code .main-content h3.tidbit-heading-red{font-size:20px;margin-top:0}.code .code-output{margin:5px}.code .code-file-name{margin:5px 5px -5px 5px}}.code-wrapper .hidden{display:none}.tabs-wrapper{display:flex;margin:0 10px;border-bottom:1px solid #ddd;width:max-content}.code-tab{padding:0 20px;cursor:pointer;border:1px solid transparent;border-bottom:none;margin-bottom:-1px}.code-tab.active{border-color:#ddd;border-bottom-color:#fff;background-color:#fff;color:var(--primary-color);font-weight:600}.code-tab:not(.active):hover{background-color:#f5f5f5}.single-tab{cursor:pointer;padding:0;margin:0 25px;display:inline-block;position:relative}.single-tab:first-child{margin-left:0}.single-tab:last-child{margin-right:0}.single-tab:before{font-family:tutsinsider;position:absolute;content:'\e935';margin-left:-30px;font-weight:900;color:#000}.single-tab:first-child:before{content:'';margin-left:-30px}.code .radio{display:none}.example-wrapper1 .tab1-content,.example-wrapper1 .tab2-content,.example-wrapper1 .tab3-content,.example-wrapper10 .tab1-content,.example-wrapper10 .tab2-content,.example-wrapper10 .tab3-content,.example-wrapper2 .tab1-content,.example-wrapper2 .tab2-content,.example-wrapper2 .tab3-content,.example-wrapper3 .tab1-content,.example-wrapper3 .tab2-content,.example-wrapper3 .tab3-content,.example-wrapper4 .tab1-content,.example-wrapper4 .tab2-content,.example-wrapper4 .tab3-content,.example-wrapper5 .tab1-content,.example-wrapper5 .tab2-content,.example-wrapper5 .tab3-content,.example-wrapper6 .tab1-content,.example-wrapper6 .tab2-content,.example-wrapper6 .tab3-content,.example-wrapper7 .tab1-content,.example-wrapper7 .tab2-content,.example-wrapper7 .tab3-content,.example-wrapper8 .tab1-content,.example-wrapper8 .tab2-content,.example-wrapper8 .tab3-content,.example-wrapper9 .tab1-content,.example-wrapper9 .tab2-content,.example-wrapper9 .tab3-content{display:none;opacity:0;animation:sass-fade .5s ease-in-out}@keyframes sass-fade{0%{opacity:0}100%{opacity:1}}#tab1-input10:checked~.code-wrapper10 .tab1-content,#tab1-input1:checked~.code-wrapper1 .tab1-content,#tab1-input2:checked~.code-wrapper2 .tab1-content,#tab1-input3:checked~.code-wrapper3 .tab1-content,#tab1-input4:checked~.code-wrapper4 .tab1-content,#tab1-input5:checked~.code-wrapper5 .tab1-content,#tab1-input6:checked~.code-wrapper6 .tab1-content,#tab1-input7:checked~.code-wrapper7 .tab1-content,#tab1-input8:checked~.code-wrapper8 .tab1-content,#tab1-input9:checked~.code-wrapper9 .tab1-content,#tab2-input10:checked~.code-wrapper10 .tab2-content,#tab2-input1:checked~.code-wrapper1 .tab2-content,#tab2-input2:checked~.code-wrapper2 .tab2-content,#tab2-input3:checked~.code-wrapper3 .tab2-content,#tab2-input4:checked~.code-wrapper4 .tab2-content,#tab2-input5:checked~.code-wrapper5 .tab2-content,#tab2-input6:checked~.code-wrapper6 .tab2-content,#tab2-input7:checked~.code-wrapper7 .tab2-content,#tab2-input8:checked~.code-wrapper8 .tab2-content,#tab2-input9:checked~.code-wrapper9 .tab2-content,#tab3-input10:checked~.code-wrapper10 .tab3-content,#tab3-input1:checked~.code-wrapper1 .tab3-content,#tab3-input2:checked~.code-wrapper2 .tab3-content,#tab3-input3:checked~.code-wrapper3 .tab3-content,#tab3-input4:checked~.code-wrapper4 .tab3-content,#tab3-input5:checked~.code-wrapper5 .tab3-content,#tab3-input6:checked~.code-wrapper6 .tab3-content,#tab3-input7:checked~.code-wrapper7 .tab3-content,#tab3-input8:checked~.code-wrapper8 .tab3-content,#tab3-input9:checked~.code-wrapper9 .tab3-content{display:block;opacity:1}#tab1-input10:checked~.tabs-wrapper .first-tab,#tab1-input1:checked~.tabs-wrapper .first-tab,#tab1-input2:checked~.tabs-wrapper .first-tab,#tab1-input3:checked~.tabs-wrapper .first-tab,#tab1-input4:checked~.tabs-wrapper .first-tab,#tab1-input5:checked~.tabs-wrapper .first-tab,#tab1-input6:checked~.tabs-wrapper .first-tab,#tab1-input7:checked~.tabs-wrapper .first-tab,#tab1-input8:checked~.tabs-wrapper .first-tab,#tab1-input9:checked~.tabs-wrapper .first-tab,#tab2-input10:checked~.tabs-wrapper .second-tab,#tab2-input1:checked~.tabs-wrapper .second-tab,#tab2-input2:checked~.tabs-wrapper .second-tab,#tab2-input3:checked~.tabs-wrapper .second-tab,#tab2-input4:checked~.tabs-wrapper .second-tab,#tab2-input5:checked~.tabs-wrapper .second-tab,#tab2-input6:checked~.tabs-wrapper .second-tab,#tab2-input7:checked~.tabs-wrapper .second-tab,#tab2-input8:checked~.tabs-wrapper .second-tab,#tab2-input9:checked~.tabs-wrapper .second-tab,#tab3-input10:checked~.tabs-wrapper .third-tab,#tab3-input1:checked~.tabs-wrapper .third-tab,#tab3-input2:checked~.tabs-wrapper .third-tab,#tab3-input3:checked~.tabs-wrapper .third-tab,#tab3-input4:checked~.tabs-wrapper .third-tab,#tab3-input5:checked~.tabs-wrapper .third-tab,#tab3-input6:checked~.tabs-wrapper .third-tab,#tab3-input7:checked~.tabs-wrapper .third-tab,#tab3-input8:checked~.tabs-wrapper .third-tab,#tab3-input9:checked~.tabs-wrapper .third-tab{color:var(--primary-color);font-weight:900}@media screen and (max-width:680px){.tabs-wrapper{font-size:12px;margin:0 5px}.code-tab{padding:0 10px}}.header-ad-unit{display:block}.article-ad-unit-1,.article-ad-unit-2,.article-ad-unit-3,.article-ending-ad-unit{display:block;width:90%;margin:0 auto}.article-ad-unit-1>.adsbygoogle,.article-ad-unit-2>.adsbygoogle,.article-ad-unit-3>.adsbygoogle,.article-ending-ad-unit>.adsbygoogle{display:block;margin:0 auto}.sidebar-left-ad-unit{display:block;width:95%;margin:0 auto}.sidebar-left-ad-unit>.adsbygoogle{display:block;margin:0 auto}.sidebar-right-ad-unit{display:block;width:95%;margin:0 auto}.sidebar-right-ad-unit>.adsbygoogle{display:block;margin:0 auto}.footer-ad-unit{display:block;width:90%;margin:0 auto}.footer-ad-unit>.adsbygoogle{display:block;margin:0 auto}.random-tools-wrapper.hidden{display:none}.random-tools-wrapper{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom right,var(--primary-color),var(--secondary-color));padding:2rem;width:100%;color:#fff;text-align:center;transition:all .3s ease-in-out;position:relative}.random-tools-wrapper::after{font-family:tutsinsider;font-weight:900;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:.2}.random-tools-wrapper:not(.last)::after{content:"\e913";font-size:15rem}.random-tools-wrapper.last::after{content:"\e96b";font-size:20rem}.random-tools-wrapper.last{background:linear-gradient(to bottom right,#e4e4e4,#e7e7e7);margin-bottom:0}.random-tools-wrapper::before{content:'';position:absolute;top:0;left:0;width:150px;height:100%;background-image:radial-gradient(#fff 2px,transparent 2px);background-size:10px 10px;opacity:.2;pointer-events:none;z-index:1}.random-tools-wrapper.last h3{color:#333}.random-tools-wrapper h3{font-size:2rem;font-weight:800;margin-bottom:3rem;line-height:1.25;color:#fff;text-align:center}.random-tools-wrapper h3 span{font-size:80%;color:#fff;background-color:#ff3737;padding:.2em .4em;border-radius:.2em;font-weight:600;box-shadow:0 0 10px rgba(255,55,55,.5)}.random-tools-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:80%;z-index:2}.random-tools-container a{display:inline-flex;align-items:center;justify-content:center;gap:5px;background-color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:all .3s ease-in-out;transform:translateY(0) scale(1);outline:0;position:relative;min-width:160px;font-size:1rem;text-decoration:none}.random-tools-container a:hover{transform:translateY(-4px) scale(1.05)}.random-tools-container a{color:var(--tool-color,var(--primary-color))!important}.random-tools-container a:hover{background-color:#f0f4ff!important;color:var(--tool-color,var(--primary-color))!important}.random-tools-container a:focus::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:9999px;box-shadow:0 0 0 4px #b3d4ff!important}@supports (background-color:color-mix(in srgb,#000,white)){.random-tools-container a:hover{background-color:color-mix(in srgb,var(--tool-color,var(--primary-color)),#fff 80%)!important}.random-tools-container a:focus::after{box-shadow:0 0 0 4px color-mix(in srgb,var(--tool-color,var(--primary-color)),#fff 50%)!important}}@media (max-width:680px){.random-tools-wrapper{padding:1rem;margin:0}.random-tools-wrapper::after,.random-tools-wrapper:not(.last)::after{font-size:10rem}.random-tools-wrapper.last::after{font-size:15rem}.random-tools-wrapper::before{width:100px;background-size:8px 8px}.random-tools-wrapper h3{font-size:1.75rem;margin-bottom:2rem}.random-tools-wrapper h3 span{font-size:75%;padding:.15em .3em}.random-tools-container{width:90%;gap:.75rem}.random-tools-container a{padding:.6rem 1.2rem;min-width:unset;font-size:.9rem}}[data-tooltip-bottom],[data-tooltip-top]{position:relative;cursor:pointer}[data-tooltip-bottom]::before,[data-tooltip-top]::before{content:attr(data-tooltip-top);position:absolute;background-color:#333;color:#fff;padding:0 10px;height:30px;line-height:30px;border-radius:4px;font-size:13px;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;left:50%;transform:translateX(-50%)}[data-tooltip-bottom]::after,[data-tooltip-top]::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-style:solid;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}[data-tooltip-top]::before{bottom:125%}[data-tooltip-top]::after{bottom:calc(125% - 5px);border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent}[data-tooltip-bottom]::before{top:125%;content:attr(data-tooltip-bottom)}[data-tooltip-bottom]::after{top:calc(125% - 5px);border-width:0 5px 5px 5px;border-color:transparent transparent #333 transparent}[data-tooltip-bottom]:hover::after,[data-tooltip-bottom]:hover::before,[data-tooltip-top]:hover::after,[data-tooltip-top]:hover::before{opacity:1;visibility:visible}@media screen and (max-width:690px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#fff;box-shadow:inset 0 0 5px 0 #a8a5a5}::-webkit-scrollbar-thumb{background-color:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}}input[type=search]::-webkit-search-cancel-button{display:none}input::-webkit-clear-button,input::-webkit-search-cancel-button{display:none}input::-ms-clear,input::-ms-reveal{display:none}.related-posts-container{padding:0 30px;overflow:hidden;position:relative;border-top:1px solid var(--border-color)}h2.related-posts-heading{font-size:1.5rem;font-weight:700;color:#111827;padding:20px 0;margin:0;border-bottom:1px solid var(--border-color);display:flex;align-items:center;position:relative}.related-posts-heading i,.related-posts-icon{display:inline-flex;justify-content:center;align-items:center;max-width:40px;width:100%;height:40px;background-color:var(--light-color);border:1px solid transparent;color:var(--color);border-radius:30px;margin-right:16px;font-size:1.2rem;transition:all .3s ease}.related-posts-heading i{background-color:var(--primary-color);color:var(--light-color)}.related-posts{list-style:none;padding:0;margin:0}.related-posts-item a.related-posts-link{display:flex;align-items:center;padding:10px 0;text-decoration:none;color:#374151;font-weight:500;transition:background-color .2s ease,color .2s ease;border-bottom:1px solid #f9f9f9}.related-posts-item:last-child a.related-posts-link{border-bottom:none}.related-posts-item a.related-posts-link:hover{color:var(--color,var(--primary-color))}.related-posts-item a.related-posts-link:hover .related-posts-icon{border:1px solid var(--color,var(--primary-color))}.related-posts-container.tools .related-posts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0 .2rem 0}@media (max-width:680px){.related-posts-container.tools .related-posts{grid-template-columns:1fr}}.related-posts-container.tools .related-posts-item a{position:relative;display:flex;flex-direction:column;gap:.5rem;border:none;background:var(--light-color);border-radius:4px;box-shadow:0 0 3px 0 rgba(0,0,0,.5);transition:all .3s ease-in-out;overflow:hidden}.related-posts-container.tools .related-posts-item a::after{content:'';width:50px;height:1px;background:var(--primary-color);position:absolute;bottom:0;left:-50px;transition:all 1s ease}.related-posts-container.tools .related-posts-item a:hover::after{left:calc(100% + 50px)}.related-posts-container.tools .related-posts-item a:hover{background:#f8f9fa;color:#333}.related-posts-container.tools a.related-posts-link:hover .related-posts-icon{border:none}.related-posts-container.tools .related-posts-item .related-posts-icon{font-size:2rem;max-width:50px;background:0 0;border:none;height:50px;border-radius:50px;line-height:50px;text-align:center}@media (max-width:680px){.related-posts-container{margin:0;border-radius:0;box-shadow:none;padding:0 15px}h2.related-posts-heading{font-size:1.2rem;padding:10px 0}.related-posts-heading i,.related-posts-icon{display:inline-flex;justify-content:center;align-items:center;max-width:40px;width:100%;height:40px;background-color:var(--light-color);border:1px solid transparent;box-shadow:inset 0 0 5px #eee;color:var(--color);border-radius:20px;margin-right:16px;font-size:1.2rem;transition:all .3s ease}.related-posts-heading i{background-color:var(--primary-color);color:var(--light-color)}.related-posts{list-style:none;padding:0;margin:0}.related-posts-item a.related-posts-link{display:flex;align-items:center;padding:10px 0;text-decoration:none;color:#374151;font-weight:500;transition:background-color .2s ease,color .2s ease;border-bottom:1px solid var(--border-color)}}mark.blue,mark.dark,mark.green,mark.red{padding:0 .4em;border-radius:4px;font-weight:600}mark.blue{background-color:#cce5ff;color:#004085}mark.green{background-color:#d4edda;color:#155724}mark.red{background-color:#f8d7da;color:#721c24}mark.dark{background-color:#343a40;color:#f8f9fa}.toc-wrapper{display:flex;justify-content:center;position:relative;margin:0 auto}.toc-tooltip{display:block;position:fixed;top:calc(-100% - 20px);padding:3px 20px;background:var(--light-color);border:2px solid #ccc;border-radius:20px;box-shadow:var(--shadow);cursor:pointer;z-index:100;width:max-content;transition:background .3s,opacity .3s,top .3s ease}.tools-template-default .toc-tooltip{padding:8px 20px}.toc-tooltip::after{content:'\e907';font-family:tutsinsider;margin-left:10px;display:inline-block;transition:transform .2s ease-in-out}.toc-wrapper.visible .toc-tooltip::after{transform:rotate(180deg)}.toc-tooltip.active{top:45px}.tools-template-default .toc-tooltip.active{top:5px}@media (max-width:680px){.toc-tooltip.active{top:35px}.tools-template-default .toc-tooltip.active{top:5px}}.toc-tooltip:hover{background:var(--light-color-hover)}.toc-tooltip-dropdown{position:fixed;top:70px;margin-left:0!important;background:#fff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);list-style:none;padding:0;max-height:0;overflow-y:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease;z-index:999}.tools-template-default .toc-tooltip-dropdown{top:35px}.toc-tooltip-dropdown{scrollbar-width:thin;scrollbar-color:#333 #ffffff}.toc-tooltip-dropdown::-webkit-scrollbar{width:8px}.toc-tooltip-dropdown::-webkit-scrollbar-track{background-color:#fff;box-shadow:inset 0 0 5px 0 #a8a5a5;border-radius:20px}.toc-tooltip-dropdown::-webkit-scrollbar-thumb{background-color:#333;border-radius:4px}.toc-tooltip-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}@supports (not selector(::-webkit-scrollbar)){.toc-tooltip-dropdown{scrollbar-color:#333 #ffffff}.toc-tooltip-dropdown:hover{scrollbar-color:var(--primary-color) #ffffff}}.toc-tooltip-dropdown>li{list-style:decimal inside;margin:0;padding:0;font-weight:600}.toc-tooltip-dropdown ol{list-style:none;margin:0;padding:0}.toc-tooltip-dropdown ol li{margin:0;position:relative;font-size:95%;line-height:20px;cursor:pointer;padding:8px 50px;color:#555;transition:all .3s ease}.toc-tooltip-dropdown ol li::before{position:absolute;left:20px;width:20px;content:attr(data-prefix)}.toc-tooltip-dropdown li{cursor:pointer;padding:8px 10px;border-bottom:1px solid #f4f4f4;transition:all .3s ease}.toc-tooltip-dropdown li.active,.toc-tooltip-dropdown li:hover,.toc-tooltip-dropdown ol li.active,.toc-tooltip-dropdown ol li:hover{background:var(--primary-color-light);color:var(--primary-color)}.modal-toggle{display:none}.modal-wrapper{display:flex;width:100%;z-index:1000}body.no-scroll{overflow:hidden}.modal-overlay{height:100vh;position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;overflow:hidden;transition:all .3s ease;background:rgba(75,74,74,.5);opacity:0;visibility:hidden}.modal-wrapper.open .modal-overlay,.modal-wrapper.open>.modal-body{visibility:visible;opacity:1;transition:all .3s ease}.mobile-menu-label .modal-trigger{color:var(--light-color);cursor:pointer;transition:all .3s ease}.mobile-menu-label .modal-trigger{margin-right:10px}.primary-search-label .modal-trigger,.sidebar-list-label .modal-trigger{color:#333;height:30px;width:60px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0;transition:all .3s ease}.sidebar-list-label .modal-trigger:focus i::before,.sidebar-list-label .modal-trigger:hover i::before{content:'\e96c'}.primary-search-label .modal-trigger:focus,.primary-search-label .modal-trigger:hover,.sidebar-list-label .modal-trigger:focus,.sidebar-list-label .modal-trigger:hover{color:var(--primary-color)}.mobile-menu-label .modal-trigger:focus i::before,.mobile-menu-label .modal-trigger:hover i::before{content:'\e96c'}.mobile-menu-modal .modal-body,.sidebar-list-modal .modal-body{display:grid;visibility:hidden;position:fixed;bottom:0;transition:all .3s ease}.mobile-menu-modal,.sidebar-list-modal{height:100vh;position:fixed;visibility:hidden;opacity:none}.mobile-menu-modal .modal-body{background:var(--light-color);grid-template-rows:70px 1fr 50px;transform:translateX(100%);width:100%;height:100dvh;right:0;top:0;bottom:0}.sidebar-list-modal .modal-body{background:var(--light-color);grid-template-rows:auto 1fr;transform:translateX(-100%);position:fixed;max-width:320px;width:100%;top:auto;left:0;bottom:0;box-shadow:5px 0 5px #5251515e;transition:all .3s ease}.mobile-menu-modal.open .modal-body,.sidebar-list-modal.open .modal-body{visibility:visible;transform:translateX(0);transition:all .3s ease}.mobile-menu-modal .modal-header,.sidebar-list-modal .modal-header,.sidebar-list-modal .sidebar-posts-list-outer.page .sidebar-posts-title label{background-color:var(--primary-color);color:#fff;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;max-height:70px;padding:15px 25px;box-shadow:0 3px 5px 0 #ccc;letter-spacing:1px;font-family:Poppins,Inter,sans-serif;font-weight:600}.sidebar-list-modal .modal-header{padding:5px 20px;max-height:50px;background-color:#000000b9}.sidebar-list-modal .sidebar-posts-list-outer.page .sidebar-posts-title label{margin-left:0;max-height:50px;margin-bottom:20px;border-radius:none;background-color:#000000b9}.mobile-menu-modal .modal-header a{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px}.mobile-menu-modal .modal-title,.sidebar-list-modal .sidebar-list-title{font-size:1.4rem;font-weight:600;color:var(--light-color)}.sidebar-list-modal .sidebar-list-title{font-size:1rem}.mobile-menu-modal .modal-logo{display:flex;align-items:center;font-size:2rem}.mobile-menu-modal .modal-logo i{color:var(--light-color)}.mobile-menu-modal .modal-content,.sidebar-list-modal .modal-content{overflow-y:auto}.sidebar-list-modal .sidebar-left{margin:0;padding:0}.sidebar-list-modal .sidebar-posts-list-inner{padding:0}.mobile-menu-modal .modal-content form,.sidebar-list-modal .modal-content form{height:60px;padding:0 25px;display:flex;justify-content:center;align-items:center;position:relative}.sidebar-list-modal .modal-content form{padding:0 20px}.mobile-menu-modal form input,.sidebar-list-modal form input{height:40px;padding:10px 15px;width:100%;border-radius:50px;border:none;outline:0;background-color:#e2e0e0;transition:all .3s ease}.sidebar-list-modal form input{border:2px solid #ccc}.mobile-menu-modal form input::placeholder,.sidebar-list-modal form input::placeholder{color:#666}.mobile-menu-modal form input:focus,.mobile-menu-modal form input:hover{background-color:#fff;box-shadow:0 0 5px 0 #333}.sidebar-list-modal form input:focus,.sidebar-list-modal form input:hover{background-color:#fff;border:2px solid var(--primary-color)}.mobile-menu-modal form i,.sidebar-list-modal form i{position:absolute;border:none;outline:0;cursor:default;color:#484a4b;font-size:20px}.mobile-menu-modal form i{right:40px}.sidebar-list-modal form i{right:36px}.mobile-menu-modal .mobile-menu-input:focus~i,.mobile-menu-modal .mobile-menu-input:hover~i,.mobile-menu-modal i:focus,.mobile-menu-modal i:hover,.sidebar-list-modal .sidebar-search-input:focus~i,.sidebar-list-modal .sidebar-search-input:hover~i,.sidebar-list-modal i:focus,.sidebar-list-modal i:hover{color:var(--primary-color)}.mobile-menu-modal .mobile-menu-wrapper,.sidebar-list-modal .modal-content{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--secondary-color)}.mobile-menu-modal .mobile-menu-wrapper::-webkit-scrollbar,.sidebar-list-modal .modal-content::-webkit-scrollbar{width:8px;height:8px}.mobile-menu-modal .mobile-menu-wrapper::-webkit-scrollbar-thumb,.sidebar-list-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.mobile-menu-modal .mobile-menu-wrapper::-webkit-scrollbar-track,.sidebar-list-modal .modal-content::-webkit-scrollbar-track{background-color:var(--secondary-color)}.mobile-menu-modal .no-results-message,.sidebar-list-modal .no-results-message,.top-nav-modal .no-results-message{font-size:1.5rem;text-wrap:nowrap;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;color:var(--primary-color)}.mobile-menu-wrapper{width:100%;overflow-y:auto}.mobile-menu-wrapper .menu-section{border-bottom:1px solid var(--primary-color) 55}.mobile-menu-wrapper .menu-section:last-child{border-bottom:none}.mobile-menu-wrapper .menu-section-title{padding:14px 20px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative;background:var(--light-color)}.mobile-menu-wrapper .menu-section-title i{margin-right:10px}.mobile-menu-wrapper .menu-section-title::after{content:'\e909';font-family:tutsinsider;position:absolute;right:20px;top:18px;transition:transform .3s ease}.mobile-menu-wrapper .menu-section.open>.menu-section-title::after{transform:rotate(90deg)}.mobile-menu-wrapper .menu-section-content{display:none;background-color:#fff;box-shadow:inset 0 5px 5px -5px #333,inset 0 -5px 5px -5px #333;padding:5px 0 5px 20px}.mobile-menu-wrapper .menu-section-content:has(.menu-section){background-color:initial}.menu-section:last-child .menu-section-content{box-shadow:inset 0 5px 5px -5px #333}.mobile-menu-wrapper .menu-section.open>.menu-section-content{display:block}.mobile-menu-wrapper .menu-item{padding:12px 20px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--primary-color);background-color:#fff;border-bottom:1px solid var(--primary-color) 55}.mobile-menu-wrapper .menu-item i{margin-right:10px}.mobile-menu-wrapper .menu-item:last-child{border-bottom:none}.mobile-menu-wrapper .menu-item a{color:inherit;text-decoration:none;display:block;width:100%}.mobile-menu-wrapper .menu-section .menu-section-content{display:none}.mobile-menu-wrapper .menu-section.open>.menu-section-content{display:block}.mobile-menu-modal .modal-footer,.sidebar-list-modal .modal-footer{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;background-color:var(--light-color);box-shadow:0 -3px 5px 0 #adadad8a}.mobile-menu-modal .modal-credits,.sidebar-list-modal .modal-credits{height:50px;display:flex;align-items:center;gap:5px;font-size:10px;text-transform:uppercase}.mobile-menu-modal .modal-credits a,.sidebar-list-modal .modal-credits a{color:var(--primary-color);text-transform:capitalize;font-size:14px}.mobile-menu-modal .modal-close{position:absolute;top:25px;right:25px;cursor:pointer;z-index:1000;color:var(--light-color)}.sidebar-list-modal .modal-close{position:absolute;top:9px;border-radius:4px;right:10px;width:40px;text-align:center;font-size:20px;cursor:pointer;z-index:1000;color:var(--light-color);background-color:#444}.top-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;height:100%}.top-nav .modal-trigger{display:flex;align-items:center;flex-wrap:nowrap;color:var(--light-color);height:100%;padding:0 20px;cursor:pointer;transition:all .3s ease}.top-nav .modal-trigger:hover{background-color:var(--primary-color-hover)}.editor-brand .top-nav .modal-trigger{color:var(--primary-color)}.editor-brand .top-nav .modal-trigger:hover{background-color:var(--primary-color-light)}.top-nav .modal-trigger::after{font-family:tutsinsider;content:'\e903';margin-left:5px;transition:transform .3s ease}.top-nav-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);pointer-events:none;opacity:0;transition:all .1s ease;z-index:999}.top-nav-modal.open{pointer-events:auto;opacity:1;display:flex}.top-nav-modal .modal-body{position:relative;display:flex;flex-direction:column;background:#fff;overflow:hidden;width:100%;height:100%}.top-nav-modal .modal-header{position:relative;z-index:2;background:var(--primary-color);color:#fff;padding:16px 50px;font-size:1.5rem;font-weight:600;display:flex;justify-content:flex-start;align-items:center;gap:100px}.top-nav-modal .modal-header .nav-modal-search{position:fixed;top:15px;left:50%;transform:translateX(-50%)}.top-nav-modal .modal-header .nav-modal-search form{display:flex;align-items:center;position:relative}.top-nav-modal .modal-header .nav-modal-search input[type=search]{width:300px;padding:12px;padding-right:40px;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.top-nav-modal .modal-header .nav-modal-search input[type=search]::placeholder{color:#9ca3af}.top-nav-modal .modal-header .nav-modal-search input[type=search]:focus{outline:0;border-color:var(--secondary-color);box-shadow:0 0 0 3px #ffffffb9}.top-nav-modal .modal-header .nav-modal-search .ti-filter{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#9ca3af}.top-nav-modal .modal-close{position:absolute;top:15px;right:50px;color:#fff;border-radius:var(--border-radius);background-color:#00000046;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;z-index:3}.top-nav-modal .modal-close:hover{background-color:#00000079}.top-nav-modal .modal-content{flex:1;min-height:0;overflow-y:auto;background:#f9f9f9;padding:25px}.tutorials-modal.top-nav-modal .top-nav-dropdown-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding:0 25px}.tutorials-modal.top-nav-modal .top-nav-dropdown-content>*{flex-basis:350px;max-width:400px;flex-grow:1}.top-nav-modal .top-nav-dropdown-section .top-nav-dropdown-list{display:flex;flex-direction:column}.top-nav-modal .tab-nav{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:16px;padding:0;margin:25px}.top-nav-modal .tab-nav li{list-style:none;margin-right:25px;padding-bottom:8px;font-weight:600;cursor:pointer;font-size:1rem;color:#374151;transition:color .2s ease,border-color .2s ease;border-bottom:3px solid transparent}.top-nav-modal .tab-nav li.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.top-nav-modal .tab-content{display:none;padding:0 25px}.top-nav-modal .tab-content.active{display:block}.top-nav-modal .top-nav-dropdown-content h3{font-size:1.3rem;font-weight:400;margin-bottom:1.5rem;color:#131313;position:relative;display:block;width:max-content}.top-nav-modal .top-nav-dropdown-content h3::after{display:block;position:absolute;content:'';width:100%;left:0;bottom:0;height:3px;background:linear-gradient(to right,var(--primary-color) 65%,var(--secondary-color) 65%)}.top-nav-modal .top-nav-dropdown-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;list-style:none;margin:0;margin-bottom:50px;padding:0}.top-nav-modal .top-nav-dropdown-item a{display:block;padding:12px;background:#fff;box-shadow:0 1px 3px 2px rgba(0,0,0,.1);border-radius:4px;text-decoration:none;color:#374151;font-size:1rem;transition:background .2s ease,transform .2s ease}.top-nav-modal .top-nav-dropdown-item a:hover{color:var(--primary-color);transform:translateY(-1px);box-shadow:0 1px 3px 2px rgba(0,0,0,.2)}.top-nav-modal .top-nav-dropdown-item a .lang{font-weight:400;color:var(--primary-color)}.primary-search-label{margin-left:auto}.primary-search-modal{opacity:0;transform:translateY(-100%);visibility:hidden;position:absolute;display:flex;align-items:center;justify-content:center;right:10px;top:-15px;max-width:50%;z-index:180;width:100%;height:250px;background:#fff;box-shadow:0 3px 10px 3px rgba(0,0,0,.377);border-radius:var(--border-radius);padding:20px;pointer-events:none;transition:all .5s ease}@media (max-width:680px){.primary-search-modal{max-width:calc(100% - 20px);height:200px;top:0}}.primary-search-modal.open{opacity:1;transform:translateY(0);visibility:visible;transition:all .5s ease;pointer-events:all}.primary-search-modal .modal-body{flex-grow:1;height:100%;display:grid;grid-template-rows:1fr 50px}.primary-search-modal .modal-content{width:90%;display:flex;margin:auto;flex-direction:column;justify-content:center}.primary-search-modal .modal-footer{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;color:#9c9b9b;border-top:1px solid #cccccc6b;padding:10px 0;width:80%;margin:auto;overflow:hidden}.primary-search-modal .footer-text{font-size:16px}.primary-search-modal .modal-credits{font-size:12px}.primary-search-modal .modal-credits a{font-size:16px}.primary-search-modal .modal-footer::after{content:'';position:absolute;top:0;left:-100px;width:100px;height:1px;background-color:var(--primary-color) 8c;transition:left 1s ease}.primary-search-modal:hover .modal-footer::after{left:calc(100% + 100px)}.primary-search-modal .modal-close{position:absolute;top:10px;right:10px;font-size:22px;width:36px;height:36px;text-align:center;line-height:36px;border-radius:2px;border:1px solid #ccc;cursor:pointer;transition:all .2s ease}.primary-search-modal .modal-close:hover{color:var(--primary-color);border-color:var(--primary-color);background:#cccccc34}.primary-search-modal .primary-searchbar{width:100%}.primary-search-modal .primary-search-form{display:flex;align-items:center;position:relative}.primary-search-modal .primary-search-input{position:relative;flex:1;border:none;font-size:16px;outline:0;color:#333;background-color:#cccccc4d;border-radius:30px;padding:15px 20px;transition:all .2s ease;box-shadow:inset 0 0 5px rgba(0,0,0,.26)}.primary-search-input:focus,.primary-search-input:hover{background-color:#fff}.primary-search-modal .primary-search-btn{position:absolute;right:4px;top:4px;bottom:4px;outline:0;border:none;padding:0 12px;border-radius:30px;font-size:18px;color:#fff;cursor:pointer;background-color:var(--primary-color);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.primary-search-modal .primary-search-btn:focus,.primary-search-modal .primary-search-btn:hover,.primary-search-modal .primary-search-input:focus~.primary-search-btn,.primary-search-modal .primary-search-input:hover~.primary-search-btn{border-top-left-radius:0;border-bottom-left-radius:0;right:0;top:0;bottom:0;padding:0 16px;background-color:#2460a8}.mega-menu-modal{position:absolute;width:100%;height:500px;top:100%;left:0;right:0;bottom:0;z-index:1000;pointer-events:none;perspective:1500px}.mega-menu-modal .modal-body{background:#fff;border-radius:8px;box-shadow:0 15px 45px rgba(0,0,0,.2);border:1px solid #ddd;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;transform:rotateX(-10deg);transform-origin:top center;transition:transform .5s cubic-bezier(.23, 1, .32, 1),opacity .4s ease,visibility .4s ease}.mega-menu-modal.open .modal-body{opacity:1;visibility:visible;transform:rotateX(0);pointer-events:all}.mega-menu-modal .modal-content{display:grid;grid-template-columns:280px 1fr;height:100%}.mega-menu-modal .mega-menu-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 10px;background:var(--light-color);height:100%;box-sizing:border-box}.mega-menu-modal .mega-menu-heading a{display:flex;flex-direction:column;gap:10px}.mega-menu-modal .mega-menu-icon{font-size:3rem;line-height:1;color:var(--primary-color);margin-bottom:20px}.mega-menu-modal .mega-menu-title{font-size:1.8rem;font-weight:700;color:#343a40;margin:0}.mega-menu-modal .mega-menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:30px;height:100%;overflow-y:auto;box-sizing:border-box}.mega-menu-modal .nav-tool-link{display:grid;grid-template-rows:1fr 1fr;place-content:center;height:70px;padding:10px;text-decoration:none;background-color:var(--light-color);border-radius:8px;font-weight:500;text-align:center;transition:all .2s ease-in-out}.mega-menu-modal .nav-tool-link:hover{transform:scale(1.03);box-shadow:0 4px 10px var(--primary-color) 4d}.mega-menu-modal .nav-tool-link span{margin:0 8px;font-style:italic}.mega-menu-modal .nav-tool-link div.item-label{display:block}.mega-menu-modal .nav-tool-link div.item-suffix{display:block;font-weight:100}.mega-menu-modal .modal-close{display:none}@media (max-width:680px){.mega-menu-modal{top:70px}.mega-menu-modal .modal-body{overflow-y:auto}.mega-menu-modal .modal-content{grid-template-columns:1fr;height:auto}.mega-menu-modal .mega-menu-heading{flex-direction:row;justify-content:flex-start;text-align:left;padding:20px;background:#fff;border-bottom:1px solid #eee}.mega-menu-modal .mega-menu-icon{font-size:1.8rem;margin-bottom:0;margin-right:15px}.mega-menu-modal .mega-menu-title{font-size:1.4rem}.mega-menu-modal .mega-menu-items{height:auto;overflow-y:visible;padding:20px;grid-template-columns:1fr 1fr;gap:12px}}.editor-report-modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease,visibility .3s ease}.editor-report-modal.open{opacity:1;visibility:visible}.editor-report-modal .modal-body{background:#fff;border-radius:12px;border:5px solid var(--light-color);width:90%;max-width:550px;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;transform:scale(.95);transition:transform .3s ease;display:flex;flex-direction:column}.editor-report-modal .modal-body.submitting{background:#eee}.editor-report-modal.open .modal-body{transform:scale(1)}.editor-report-modal .modal-header{padding:20px 25px;border-bottom:1px solid #eee}.editor-report-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.editor-report-modal .modal-content{padding:25px}.editor-report-modal .report-description{margin-bottom:20px}.editor-report-modal .modal-content form{display:flex;flex-direction:column;gap:18px}.editor-report-modal .modal-body.submitting form{pointer-events:none}.editor-report-modal .form-group{display:flex;flex-direction:column;gap:8px}.editor-report-modal .form-group label{font-size:.875rem;font-weight:500;color:#374151}.editor-report-modal input[type=email],.editor-report-modal input[type=text],.editor-report-modal textarea{width:60%;min-width:200px;padding:12px;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.editor-report-modal textarea{width:100%}.editor-report-modal .modal-body.submitting .editor-report-modal input[type=email],.editor-report-modal .modal-body.submitting .editor-report-modal input[type=text],.editor-report-modal .modal-body.submitting .editor-report-modal textarea{background-color:#e2e2e2}.editor-report-modal input[type=email]::placeholder,.editor-report-modal input[type=text]::placeholder,.editor-report-modal textarea::placeholder{color:#9ca3af}.editor-report-modal input[type=email]:focus,.editor-report-modal input[type=text]:focus,.editor-report-modal textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.editor-report-modal textarea{resize:none;min-height:120px;font-family:Poppins,sans-serif}.editor-report-modal button[type=submit]{padding:12px 20px;background:linear-gradient(to bottom,var(--primary-color),#2a67b3);color:#fff;border:none;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;margin-top:10px}.editor-report-modal button[type=submit]:hover{background:linear-gradient(to bottom,var(--primary-color) 60%,#2a67b3)}.editor-report-modal button[type=submit]:active{transform:scale(.98)}.editor-report-modal .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#6b7280;background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.editor-report-modal .modal-close:hover{color:#111827;background-color:#e5e7eb;transform:rotate(90deg)}.grecaptcha-badge.hidden{display:none!important}.editor-report-modal .report-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:5px solid var(--primary-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.editor-report-modal .report-loader.hidden{display:none}@keyframes rotation{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@font-face{font-display:swap;font-family:tutsinsider;src:url('/wp-content/themes/tutsinsider/resources/production/tutsinsider-icons/fonts/tutsinsider.eot?xscra6');src:url('/wp-content/themes/tutsinsider/resources/production/tutsinsider-icons/fonts/tutsinsider.eot?xscra6#iefix') format('embedded-opentype'),url('/wp-content/themes/tutsinsider/resources/production/tutsinsider-icons/fonts/tutsinsider.ttf?xscra6') format('truetype'),url('/wp-content/themes/tutsinsider/resources/production/tutsinsider-icons/fonts/tutsinsider.woff?xscra6') format('woff'),url('/wp-content/themes/tutsinsider/resources/production/tutsinsider-icons/fonts/tutsinsider.svg?xscra6#tutsinsider') format('svg');font-weight:400;font-style:normal;font-display:block}i{font-family:tutsinsider!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-list:before{content:"\e9ad"}.ti-copy:before{content:"\ea84"}.ti-copy-solid:before{content:"\ed67"}.ti-screen-rotate:before{content:"\e95e"}.ti-checkcircle:before{content:"\e95a"}.ti-arrows-left-right:before{content:"\e900"}.ti-arrows-up-down:before{content:"\e901"}.ti-book:before{content:"\e902"}.ti-caret-down:before{content:"\e903"}.ti-caret-left:before{content:"\e904"}.ti-caret-right:before{content:"\e905"}.ti-caret-up:before{content:"\e906"}.ti-chevron-down:before{content:"\e907"}.ti-chevron-left:before{content:"\e908"}.ti-chevron-right:before{content:"\e909"}.ti-chevron-up:before{content:"\e90a"}.ti-circle-arrow-down:before{content:"\e90b"}.ti-circle-arrow-left:before{content:"\e90c"}.ti-circle-arrow-right:before{content:"\e90d"}.ti-circle-arrow-up:before{content:"\e90e"}.ti-desktop:before{content:"\e90f"}.ti-html:before{content:"\e910"}.ti-javascript:before{content:"\e911"}.ti-php:before{content:"\e912"}.ti-logo:before{content:"\e913"}.ti-python:before{content:"\e914"}.ti-sass:before{content:"\e915"}.ti-wordpress:before{content:"\e916"}.ti-bootstrap:before{content:"\e917"}.ti-css:before{content:"\e918"}.ti-howto:before{content:"\e919"}.ti-react:before{content:"\e91a"}.ti-laptop:before{content:"\e91b"}.ti-nodejs:before{content:"\e91c"}.ti-home:before{content:"\e91d"}.ti-java:before{content:"\e91e"}.ti-file-code:before{content:"\e91f"}.ti-github:before{content:"\e920"}.ti-code-brackets:before{content:"\e921"}.ti-database:before{content:"\e922"}.ti-angular:before{content:"\e923"}.ti-ajax:before{content:"\e924"}.ti-email:before{content:"\e925"}.ti-facebook:before{content:"\e926"}.ti-face-dizzy:before{content:"\e927"}.ti-face-smile:before{content:"\e928"}.ti-google:before{content:"\e929"}.ti-heart:before{content:"\e92a"}.ti-instagram:before{content:"\e92b"}.ti-laptop-code:before{content:"\e92c"}.ti-linkedin:before{content:"\e92d"}.ti-search:before{content:"\e92e"}.ti-sitemap:before{content:"\e92f"}.ti-slack:before{content:"\e930"}.ti-square-check:before{content:"\e931"}.ti-stackoverflow:before{content:"\e932"}.ti-twitter:before{content:"\e933"}.ti-hand-point-left:before{content:"\e934"}.ti-hand-point-right:before{content:"\e935"}.ti-half-circle:before{content:"\e936"}.ti-sliders:before{content:"\e937"}.ti-play:before{content:"\e938"}.ti-chrome:before{content:"\e939"}.ti-edge:before{content:"\e93a"}.ti-firefox:before{content:"\e93b"}.ti-less:before{content:"\e93c"}.ti-opera:before{content:"\e93d"}.ti-r:before{content:"\e93e"}.ti-safari:before{content:"\e93f"}.ti-reddit:before{content:"\e940"}.ti-rust:before{content:"\e941"}.ti-fontawesome:before{content:"\e942"}.ti-swift:before{content:"\e943"}.ti-tumblr:before{content:"\e944"}.ti-vue:before{content:"\e945"}.ti-amazon:before{content:"\e946"}.ti-linux:before{content:"\e947"}.ti-readme:before{content:"\e948"}.ti-whatsapp:before{content:"\e949"}.ti-paypal:before{content:"\e94b"}.ti-apple:before{content:"\e94c"}.ti-youtube:before{content:"\e94d"}.ti-mountain:before{content:"\e94e"}.ti-square-up-right:before{content:"\e94f"}.ti-trashcan:before{content:"\e950"}.ti-bars:before{content:"\e951"}.ti-figma:before{content:"\e954"}.ti-x:before{content:"\e953"}.ti-kotlin:before{content:"\e952"}.ti-jquery:before{content:"\e958"}.ti-turn-right:before{content:"\e94a"}.ti-check:before{content:"\ea41"}.ti-check-double:before{content:"\ea47"}.ti-terminal:before{content:"\ec42"}.ti-close:before{content:"\ec8d"}.ti-x-circle:before{content:"\ef06"}.ti-x-square:before{content:"\ef07"}.ti-logo-left:before{content:"\e9a8"}.ti-logo-right:before{content:"\e9a9"}.ti-logo-top:before{content:"\e9ab"}.ti-windows:before{content:"\eac2"}.ti-android:before{content:"\eac0"}.ti-macos:before{content:"\eabf"}.ti-lab:before{content:"\e9aa"}.ti-redo:before{content:"\e966"}.ti-undo:before{content:"\e965"}.ti-printer:before{content:"\e95d"}.ti-cart:before{content:"\e95c"}.ti-price-tag:before{content:"\e957"}.ti-books:before{content:"\e95b"}.ti-check-alt:before{content:"\e99b"}.ti-tag:before{content:"\e99c"}.ti-terminal1:before{content:"\e9b2"}.ti-powershell:before{content:"\e9b1"}.ti-bash:before{content:"\e9b0"}.ti-yarn:before{content:"\e9af"}.ti-npm:before{content:"\e9ae"}.ti-tools:before{content:"\e9ac"}.ti-hcl:before{content:"\e9a7"}.ti-bittorrent:before{content:"\e9a6"}.ti-livescript:before{content:"\e9a5"}.ti-typescript:before{content:"\e9a4"}.ti-postcss:before{content:"\e9a3"}.ti-stylus:before{content:"\e9a2"}.ti-ltsv:before{content:"\e9a1"}.ti-plist:before{content:"\e9a0"}.ti-protobuf:before{content:"\e99f"}.ti-ssv:before{content:"\e99e"}.ti-properties:before{content:"\e99d"}.ti-avro:before{content:"\e955"}.ti-clojure:before{content:"\e956"}.ti-mongodb:before{content:"\e99a"}.ti-jsonc:before{content:"\e999"}.ti-hjson:before{content:"\e998"}.ti-svg:before{content:"\e997"}.ti-jsonld:before{content:"\e996"}.ti-ndjson:before{content:"\e995"}.ti-json5:before{content:"\e994"}.ti-coffeescript:before{content:"\e993"}.ti-cbor:before{content:"\e992"}.ti-ini:before{content:"\e991"}.ti-toml:before{content:"\e990"}.ti-psv:before{content:"\e98f"}.ti-tsv:before{content:"\e98e"}.ti-lua:before{content:"\e98d"}.ti-csv:before{content:"\e98c"}.ti-yaml:before{content:"\e98b"}.ti-xml:before{content:"\e98a"}.ti-bug-report:before{content:"\e988"}.ti-json:before{content:"\e989"}.ti-mustache:before{content:"\e986"}.ti-nunjucks:before{content:"\e987"}.ti-handlebars:before{content:"\e985"}.ti-ejs:before{content:"\e984"}.ti-haml:before{content:"\e982"}.ti-markdown:before{content:"\e983"}.ti-pug:before{content:"\e981"}.ti-help:before{content:"\e97f"}.ti-support:before{content:"\e980"}.ti-arrow-left:before{content:"\e97d"}.ti-arrow-right:before{content:"\e97e"}.ti-filter:before{content:"\e97b"}.ti-align-left:before{content:"\e97c"}.ti-archive:before{content:"\e976"}.ti-zip:before{content:"\e977"}.ti-lock:before{content:"\e978"}.ti-unlock:before{content:"\e979"}.ti-pen-to-square:before{content:"\e97a"}.ti-search-code:before{content:"\e975"}.ti-search-alt:before{content:"\e974"}.ti-arrow-left-from-bracket:before{content:"\e972"}.ti-arrow-left-to-bracket:before{content:"\e973"}.ti-brush:before{content:"\e970"}.ti-compress-code:before{content:"\e971"}.ti-arrow-right-from-bracket:before{content:"\e96d"}.ti-arrow-right-to-bracket:before{content:"\e96e"}.ti-braces:before{content:"\e96f"}.ti-bars-staggered:before{content:"\e96c"}.ti-code:before{content:"\e96b"}.ti-info-circle-solid:before{content:"\e967"}.ti-info-square:before{content:"\e968"}.ti-info-square-solid:before{content:"\e969"}.ti-info-circle:before{content:"\e96a"}.ti-upload:before{content:"\e964"}.ti-download:before{content:"\e963"}.ti-two-arrow-spin:before{content:"\e962"}.ti-exclamation:before{content:"\e961"}.ti-info:before{content:"\e960"}.ti-grip-lines-vertical:before{content:"\e95f"}.ti-external-link:before{content:"\e959"}.ti-ban:before{content:"\f05e"}.ti-exclamation-triangle:before{content:"\f071"}body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;font-family:Nunito,Inter,sans-serif}*{box-sizing:border-box}#editor-content{display:grid;grid-template-rows:auto 1fr auto;position:relative;height:550px}#editor-content:has(.orientation-column){height:800px}#editor-content.codelab-editor{display:grid;grid-template-rows:auto 1fr auto;position:absolute;height:100vh;width:100vw}.editor-header{display:flex;flex-direction:column;justify-content:space-between;width:100%;background:#fff;position:relative}.editor-brand{display:grid;grid-template-columns:auto auto 1fr;gap:50px;padding:10px 20px;width:100%}a.editor-title{display:flex;align-items:center;justify-content:center;font-size:24px}a.editor-title h1{font-family:Poppins,Inter,sans-serif;font-weight:500;font-size:24px;color:var(--primary-color)}@media (max-width:680px){a.editor-title,a.editor-title h1{font-size:20px;margin:0}}a.editor-title i{margin-right:10px}.editor-subheading{flex:50%;font-weight:300;font-size:20px;display:flex;justify-content:flex-end;align-items:center}.editor-navbar .mobile-menu-label label{color:#fff;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin-right:20px}.editor-navbar{display:flex;flex-direction:row;align-items:center;height:41px;justify-content:space-between;background-color:var(--primary-color);box-shadow:0 -2px 1px 0 #ccc;position:relative}.editor-menu-wrapper{position:relative;z-index:200;display:flex;align-items:center;width:100%}#editorMenu{list-style-type:none;margin:0;padding:0;display:flex;align-items:center;flex-direction:row;flex-grow:1;width:100%}#editorMenu li{margin:0}#editorMenu a{text-decoration:none;color:var(--light-color)}.editor-menu-item .item-label{display:none}#editor-console-button,#editorMenu a,.editor-menu-item{color:var(--light-color);width:40px;height:40px;border-radius:40px;line-height:40px;display:inline-flex;justify-content:center;align-items:center}#editor-console-button.active,#editorMenu a:hover,.editor-menu-item:hover{background-color:#ffffff5e}#editorMenu .menu-item:first-child{margin-left:20px}#editorMenu .menu-item{margin-right:20px;cursor:pointer;font-size:20px}#editorMenu .icon{display:inline-block;font-size:18px;color:#333}.navigation-info{display:flex;align-items:center;margin-right:20px}.result-size{font-size:12px;white-space:nowrap;display:inline-flex;color:var(--light-color)}.navigation-btn i{font-size:10px}.navigation-btn{background:var(--light-color);color:var(--primary-color);border-radius:var(--border-radius);padding:5px 15px;margin-left:10px;font-size:15px;outline:0;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center}.navigation-btn i{margin-left:10px}.navigation-btn:hover{background:#ececec}#editor-execute{text-transform:uppercase}.tool-editor #editor-execute{text-transform:capitalize}#editor-menu-input,.editor-menu-label{display:none}#editor-output-overlay{display:none}#editor-output-overlay.processing{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--light-color);opacity:1;transition:opacity .3s ease}#editor-output-overlay.processing i{font-size:1.6rem;transform:translateY(-25px);z-index:13;color:var(--primary-color);animation:beat 1s infinite linear}@keyframes beat{0%,100%{transform:translateY(-25px)}50%{transform:translateY(-35px)}}#editor-output-overlay.processing::before{content:"";position:absolute;top:50%;left:50%;width:30px;border-radius:30px;aspect-ratio:2;transform:translate(-50%,-50%);--_g:no-repeat radial-gradient(circle closest-side, var(--primary-color) 90%, #0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:btn-loader 1s infinite linear;z-index:2;z-index:11}#editor-output-overlay.processed{opacity:0}@keyframes btn-loader{0%,100%{background-position:0 50%,50% 50%,100% 50%}25%{background-position:0 0,50% 50%,100% 50%}50%{background-position:0 50%,50% 0,100% 50%}75%{background-position:0 50%,50% 50%,100% 0}}.editor-input-container .CodeMirror{position:relative}#editor-input-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:0 0;transform:translateY(0);pointer-events:auto;z-index:10;transition:all .3s ease}#editor-input-overlay.hidden{opacity:0;transform:translateY(100%);pointer-events:none}#editor-input-overlay::before{height:30px;width:100%;content:'··· Drop Your ' attr(data-lang) ' File Here ···';background:linear-gradient(to bottom,#d3d3d3,#d3e6fc);font-family:Inter,sans-serif;color:#555;display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;opacity:1;position:absolute;bottom:0;cursor:pointer;transition:all .3s ease}.editor-dark-mode #editor-input-overlay::before,.editor-dark-mode .editor-sample{background:linear-gradient(to bottom,#fff,#bdbdbd);color:#333}#editor-input-overlay.expand::before{height:100%}@media onlyscreen and (max-width:980px){.editor-subheading{font-size:20px;letter-spacing:1px}}@media only screen and (max-width:680px){.editor-menu-container #editor-changeorientation{display:none}.editor-subheading{display:none}}.editor-loader{display:flex;justify-content:center;align-items:center;position:absolute;top:0;border-radius:10px;width:calc(100% - 20px);border:1px solid #ddd;height:calc(100% - 70px);background-color:#fff;z-index:100;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.editor-container.orientation-column .editor-loader{width:calc(100% - 40px);height:calc(100% - 57px);left:20px}.editor-loader.loaded{opacity:0;visibility:hidden}.editor-loader.hidden{display:none}.editor-input-container .editor-loader{right:0}.editor-loader i{font-size:1.6rem;transform:translateY(-25px);color:var(--primary-color);animation:loading-icon 1s infinite linear}@keyframes loading-icon{0%,100%{transform:translateY(-25px)}50%{transform:translateY(-35px)}}.editor-loader .loadig-dots{content:"";position:absolute;top:50%;left:50%;width:30px;border-radius:30px;aspect-ratio:2;transform:translate(-50%,-50%);--_g:no-repeat radial-gradient(circle closest-side, var(--primary-color) 90%, #0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:editor-loader 1s infinite linear;z-index:2;z-index:11}@keyframes editor-loader{0%,100%{background-position:0 50%,50% 50%,100% 50%}25%{background-position:0 0,50% 50%,100% 50%}50%{background-position:0 50%,50% 0,100% 50%}75%{background-position:0 50%,50% 50%,100% 0}}.editor-container{display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;height:calc(100% - 20px)}.tool-editor .editor-container{margin-top:20px}.editor-input-container,.editor-output-container{overflow:hidden;z-index:9;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;position:relative}.editor-input,.editor-output{display:none}.codelab-editor .editor-output{height:100%;flex:1;border:1px solid #ddd;background:#fff;overflow:auto}.CodeMirror{width:calc(100% - 20px);height:100%!important;white-space:pre-wrap;cursor:text;font-size:14px;border-radius:10px}.codelab-editor .CodeMirror{border-radius:0;width:100%}.CodeMirror-empty .CodeMirror-placeholder{color:#ccc!important;font-weight:100}.tool-editor .editor-output-container .CodeMirror,.tool-editor .editor-output-container .CodeMirror-empty .CodeMirror-placeholder{cursor:default!important}.tool-editor .editor-input-container .CodeMirror{margin-left:20px}.tool-editor .editor-output-container .CodeMirror{margin-right:20px}.tool-editor .editor-container.orientation-column .CodeMirror{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}#shield{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:4;display:none;background-color:transparent}#shield.visible{display:block}@media (max-width:679px){.editor-container{flex-direction:column}.editor-input-container{width:100%;height:50%}.editor-output-container{width:100%;height:50%}#resizer{width:100%;height:10px;cursor:row-resize}#resizer i{transform:rotate(90deg)}}.editor-container.orientation-column{flex-direction:column}.editor-container.orientation-column .editor-input-container{width:100%;height:calc(50% - 5px)}.editor-container.orientation-column .editor-output-container{width:100%;height:calc(50% - 5px)}.editor-container.orientation-row{flex-direction:row}.editor-container.orientation-row .editor-input-container{width:calc(50% - 5px);height:100%}.editor-container.orientation-row .editor-output-container{width:calc(50% - 5px);height:100%}.editor-container.orientation-column .CodeMirror{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.editor-container.orientation-column .editor-output{border-top-left-radius:10px;border-top-right-radius:10px}.editor-container.orientation-row .CodeMirror{border-bottom-right-radius:10px;border-top-right-radius:10px}.editor-container.orientation-row .editor-output{border-top-left-radius:10px;border-bottom-left-radius:10px}#resizer{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10;background:var(--light-color)}#resizer i{color:#888;font-weight:100}.editor-container.orientation-column #resizer{width:100%;height:10px;cursor:row-resize}.editor-container.orientation-column #resizer i{transform:rotate(90deg)}.tool-editor .editor-container.orientation-row #resizer{width:10px;height:calc(100% - 50px);cursor:col-resize}.editor-container.orientation-row #resizer{width:10px;height:100%;cursor:col-resize}.editor-container.orientation-row #resizer i{transform:none}.editor-controls{display:flex;flex-direction:column;height:70px;padding:0 20px}.editor-input-container .editor-controls{padding-right:0}.editor-output-container .editor-controls{padding-left:0;align-items:end}.editor-container.orientation-column .editor-input-container .editor-controls{padding-right:20px}.editor-container.orientation-column .editor-output-container .editor-controls{padding-left:20px}.editor-controls .input-size,.editor-controls .output-size{font-size:.8em;color:#666;height:20px}.editor-container .code-sizes-vertical{display:none}.editor-container.orientation-column .editor-controls .input-size,.editor-container.orientation-column .editor-controls .output-size{display:none}.editor-container.orientation-column .code-sizes-vertical{display:flex;flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap;justify-content:space-between;height:50px;font-size:1em;font-weight:500;margin:0 20px}.editor-actions{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:50px}.editor-output-container .editor-actions{width:100%}.editor-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px}.editor-output-container .editor-buttons{width:100%}.editor-actions .editor-button{display:flex;align-items:center;cursor:pointer;padding:5px 20px;height:35px;background:linear-gradient(to bottom,var(--primary-color),#2a67b3);color:#fff;border-radius:8px;text-wrap:nowrap;transition:background .3s ease-in-out}.editor-button i{margin-right:5px}.editor-actions .editor-button:hover{background:linear-gradient(to bottom,var(--primary-color) 60%,#2a67b3);box-shadow:0 0 4px 0 #bbb}.editor-controls .editor-report{width:35px;height:35px;line-height:35px;border-radius:35px;color:red;text-align:center;transition:all .3s ease}.editor-controls .editor-report:hover{background-color:var(--light-color);box-shadow:0 3px 5px 0 #ccc}.editor-input-container{position:relative}.editor-sample{display:block;position:absolute;background:linear-gradient(to bottom,#d3d3d3,#d3e6fc);color:#555;padding:5px 10px;font-size:12px;border-radius:30px;top:10px;right:10px;margin-left:auto;width:fit-content;cursor:pointer;z-index:1;opacity:1;transition:all .3s ease}.editor-container.orientation-column .editor-sample{right:30px}.editor-sample.hidden{opacity:0;pointer-events:none}.editor-output-ad{display:block;position:absolute;display:flex;align-items:flex-end;top:0;left:0;z-index:10;overflow:hidden}.editor-output-ad.hidden{display:none}body.darktheme .tool-editor{background:var(--secondary-color)}body.darktheme .editor-header{background:var(--secondary-color);color:var(--light-color)}body.darktheme .editor-title{color:var(--light-color)}body.darktheme .editor-navbar{background:var(--secondary-color);box-shadow:0 0 3px var(--light-color)}body.darktheme #resizer{background:var(--secondary-color)}body.darktheme #resizer i{color:var(--light-color);opacity:.9}body.darktheme #editorMenu a,body.darktheme .editor-menu-item{color:var(--light-color)}body.darktheme #editorMenu a:hover,body.darktheme .editor-menu-item:hover{color:#999}body.darktheme .editor-output{border-color:var(--secondary-color)!important;outline:0}body.darktheme .editor-input-container,body.darktheme .editor-output-container{scrollbar-color:var(--primary-color) var(--primary-color-hover);background-color:var(--secondary-color)}.editor-alert{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);justify-content:center;align-items:center;z-index:9999}.editor-alert .alert-box{background:#fff;padding:20px;border-radius:8px;max-width:90%;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.3);overflow-y:auto}.editor-alert .alert-message{margin:20px 0}.editor-alert #alertMessage{font-size:18px;margin-bottom:20px}.editor-alert #alertDetails{text-align:left;margin-bottom:20px}.editor-alert ul{list-style-type:none;padding:0}.editor-alert li{margin:5px 0}.editor-alert button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer}.editor-alert button:hover{background-color:var(--secondary-color)}.editor-modal{display:flex;align-items:center;justify-content:center;background-color:#0000003f;width:100%;height:100%;top:0;left:0;right:0;bottom:0;position:fixed;transition:all .3s ease}.editor-modal .modal-body{background-color:#fff;position:relative;max-width:50%;max-height:400px;min-width:300px;min-height:200px;pointer-events:all;margin:auto;display:grid;grid-template-rows:50px 1fr;border-radius:10px;box-shadow:0 0 5px 0 #00000077;transition:all .5s ease}.editor-modal .modal-body:hover{box-shadow:0 0 10px 0 #000000b9}.editor-modal .modal-header{height:100%;background-color:var(--secondary-color);border-radius:10px 10px 0 0;padding:10px}.editor-modal .modal-title{margin:0;color:var(--light-color)}.editor-modal .modal-content{margin:auto;padding:10px;overflow:auto;height:100%;width:100%}.editor-modal .modal-close{position:absolute;top:10px;right:10px;font-size:22px;width:30px;height:30px;color:#fff;text-align:center;line-height:30px;border-radius:2px;border:1px solid #ccc;cursor:pointer;transition:all .2s ease}.editor-modal .modal-close:hover{color:var(--primary-color);border-color:var(--primary-color);background:#cccccc34}.editor-notification{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.notification-box{background-color:#323232;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:14px;max-width:400px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;pointer-events:auto;animation:fadeInUp .3s ease-out}body.darktheme .notification-box{background-color:var(--primary-color)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#progress-bar-container{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:30%;height:auto;z-index:1000;display:flex;flex-direction:column;align-items:center;padding:10px;overflow:hidden}.progress-bar{width:100%;height:10px;border-radius:20px;background:repeating-linear-gradient(135deg,var(--primary-color) 0 10px,rgba(0,0,0,.8) 0 20px) 0/0 no-repeat,repeating-linear-gradient(135deg,#ddd 0 10px,#eee 0 20px) 0/100%;animation:p3 2s infinite;box-shadow:0 3px 5px 0 #000;transition:opacity .3s ease-in-out}@keyframes p3{100%{background-size:100%}}.title-container{text-align:center;font-weight:600;font-size:16px;margin-bottom:4px;transition:opacity .3s ease-in-out,margin-bottom .3s ease-in-out}.success-message{text-align:center;color:#155724;font-size:16px;padding:10px 20px;border-radius:4px;z-index:1001;opacity:0;transition:opacity .3s ease-in-out;margin-bottom:0;color:#fff}[data-tooltip-bottom],[data-tooltip-top]{position:relative;cursor:pointer}[data-tooltip-bottom]::before,[data-tooltip-top]::before{content:attr(data-tooltip-top);position:absolute;background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;left:50%;transform:translateX(-50%)}[data-tooltip-bottom]::after,[data-tooltip-top]::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-style:solid;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}[data-tooltip-top]::before{bottom:125%}[data-tooltip-top]::after{bottom:calc(125% - 5px);border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent}[data-tooltip-bottom]::before{top:125%;content:attr(data-tooltip-bottom)}[data-tooltip-bottom]::after{top:calc(125% - 5px);border-width:0 5px 5px 5px;border-color:transparent transparent #333 transparent}[data-tooltip-bottom]:hover::after,[data-tooltip-bottom]:hover::before,[data-tooltip-top]:hover::after,[data-tooltip-top]:hover::before{opacity:1;visibility:visible}.editor-footer{background-color:var(--light-color);font-size:14px;position:fixed;bottom:0;left:0;width:100%;min-height:20px;z-index:10;display:flex;flex-direction:column;transition:all .3s ease}.editor-footer .status-bar{padding-left:30px;display:flex;justify-content:flex-start;align-items:center;position:fixed;bottom:0;z-index:101;background-color:var(--light-color);width:100%}.editor-footer:has(.editor-console.visible) .status-bar{background-color:#333;color:#ccc}.editor-footer:has(.editor-console.visible) .selected-theme,.editor-footer:has(.editor-console.visible) .status-bar a,.editor-footer:has(.editor-console.visible) .status-bar-item{color:#ccc}.editor-footer:has(.editor-console.visible) .selected-theme:hover,.editor-footer:has(.editor-console.visible) .status-bar a:hover,.editor-footer:has(.editor-console.visible) .status-bar-item:hover{background-color:#000000a2}.editor-footer:has(.editor-console.visible) #sb-console{background-color:#000000a2}.editor-footer .status-bar .status-bar-item,.selected-theme{cursor:pointer;color:#575656;border-left:1px solid #ddd;padding:0 10px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;width:90px;text-align:center;text-overflow:ellipsis}.editor-footer .status-bar .selected-theme{border-right:1px solid #ddd;width:120px;text-transform:capitalize}.editor-footer .status-bar a{text-decoration:none;color:#333}.editor-footer .status-bar .status-bar-item:hover,.editor-themes:has(.show) .selected-theme,.selected-theme:hover{background-color:#eee;transition:all .3s ease}body.darktheme .status-bar{background-color:var(--secondary-color)}body.darktheme .editor-footer .selected-theme,body.darktheme .editor-footer .status-bar-item{color:#eee;box-shadow:none;border-color:#b3b3b3}body.darktheme .editor-footer .selected-theme:hover,body.darktheme .editor-footer .status-bar .status-bar-item:hover,body.darktheme .editor-themes:has(.show) .selected-theme{background-color:#0000003f}.editor-console{background-color:#1e1e1e;color:#fff;border-top:1px solid #333;height:100%;visibility:hidden;opacity:0;max-height:300px;height:0;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;z-index:100}.editor-console.visible{visibility:visible;opacity:1;height:100px}.editor-console.visible.expanded{height:300px;max-height:300px}.console-body{flex-grow:1 1 auto;height:100%;max-height:250px;box-sizing:border-box;background-color:#1e1e1e;padding:10px;overflow-y:auto;white-space:pre-wrap;line-height:1.6;min-height:0;scrollbar-color:#333 #111}.console-header{display:flex;justify-content:space-between;align-items:center;background-color:#1f1f1f;padding:8px 12px;border-bottom:1px solid #444;cursor:pointer}.console-title{color:var(--light-color);display:flex;align-items:center;font-family:Arial,Helvetica,sans-serif;gap:8px}.console-controls{display:flex;align-items:center;gap:10px}.console-controls div{color:#ccc;cursor:pointer;background:0 0;border:none;display:flex;align-items:center;justify-content:center;background-color:#333;width:30px;height:30px;line-height:30px;border-radius:20px;transition:all .3s ease}.console-controls .clear-console{margin-right:20px;border-radius:var(--border-radius);width:70px}.console-expand{font-size:15px}.console-close{font-size:18px}.console-controls div:hover{color:#fff;background-color:#555}.editor-footer.visible.expanded .console-expand{transform:rotate(180deg)}.console-link{color:#6bb2ff;text-decoration:underline}.console-debug,.console-error,.console-info,.console-log,.console-warn{display:flex;align-items:center;gap:8px;margin-bottom:5px}.console-icon{display:flex;align-items:center;width:16px;text-align:center;flex-shrink:0}.console-log{color:silver}.console-info{color:#82aaff}.console-warn{color:#ffcb6b}.console-error{color:#f07178;font-weight:700}.console-debug{color:#a1efe4}.console-log .console-icon{color:silver}.console-info .console-icon{color:#82aaff}.console-warn .console-icon{color:#ffcb6b}.console-error .console-icon{color:#f07178}.console-debug .console-icon{color:#a1efe4}.status-bar-themes{position:relative;width:150px}.editor-themes{position:relative}.editor-themes-options{display:none;position:absolute;bottom:100%;left:0;bottom:20px;background-color:#fff;border:1px solid #ccc;max-height:200px;min-width:200px;overflow-y:auto;width:100%}.selected-theme{display:flex;align-items:flex-end;justify-content:center}.selected-theme::after{font-family:tutsinsider;margin-left:5px;content:'\e906';transition:all .3s ease-in-out}.status-bar-themes:has(.show) .selected-theme::after{transform:rotate(180deg)}.editor-themes-options.show{display:block}.theme-option{padding:10px;cursor:pointer;text-transform:capitalize}.theme-option.active,.theme-option:hover{background-color:#f0f0f0}.shortcuts-container{display:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;background:#1d1f20;color:#fff;padding:20px;font-family:sans-serif;max-width:700px;position:absolute;left:50%;top:50%;border:5px solid var(--primary-color);border-radius:10px;opacity:0;visibility:hidden;z-index:100;transform:translateX(-50%) translateY(-50%)}.shortcuts-container.visible{opacity:1;visibility:visible;display:grid}.shortcuts-shield{display:none;position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:99}.shortcuts-shield.visible{display:block;background-color:#000000ab}.shortcuts-container .shortcut-group{border-right:1px solid #444;padding-right:20px}.shortcuts-container .shortcut-group:last-child{border-right:none}.shortcuts-container .group-title{font-weight:700;font-size:18px;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:10px;color:var(--primary-color)}.shortcuts-container .shortcut-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shortcuts-container .shortcut-keys{display:flex;flex-wrap:wrap;gap:10px}.shortcuts-container .shortcut-keys .key{background:#333;padding:2px 6px;border-radius:3px;border:1px solid #666;font-size:14px;white-space:nowrap}.shortcuts-container .shortcut-label{font-size:14px;color:#ccc}#close-shortcuts{position:absolute;right:0;top:0;cursor:pointer;font-size:26px;color:var(--primary-color);transition:all .3s ease}#close-shortcuts:hover{color:#235ea7}@media only screen and (max-width:680px){.shortcuts-container{width:95%;max-width:100%;padding:10px;box-sizing:border-box}.shortcuts-container .shortcut-group{border-right:none!important;padding-right:0;padding-bottom:10px;margin-bottom:0}.shortcuts-container .shortcut-group:last-child{border-bottom:none}.shortcuts-container .group-title{font-size:16px;margin-bottom:10px}.shortcuts-container .shortcut-item{align-items:flex-start;gap:5px}.shortcuts-container .shortcut-keys{margin-bottom:0}.shortcuts-container .shortcut-label{font-size:12px}}.cm-s-abbott.CodeMirror{background:#231c14;color:#d8ff84}.cm-s-abbott .CodeMirror-gutters{background:#231c14;border:none}.cm-s-abbott .CodeMirror-linenumber{color:#fbec5d}.cm-s-abbott .CodeMirror-guttermarker{color:#f63f05}.cm-s-abbott .CodeMirror-guttermarker-subtle{color:#fbb32f}.cm-s-abbott .CodeMirror-ruler{border-color:#745d42}.cm-s-abbott .CodeMirror-cursor{border-color:#a0ea00}.cm-s-abbott .cm-animate-fat-cursor,.cm-s-abbott.cm-fat-cursor .CodeMirror-cursor{background:rgba(160,234,0,.5)}.cm-s-abbott.cm-fat-cursor .CodeMirror-cursors{z-index:3}.cm-s-abbott .CodeMirror-overwrite .CodeMirror-cursor{border-bottom:1px solid #a0ea00;border-left:none;width:auto}.cm-s-abbott .CodeMirror-secondarycursor{border-color:#00ff7f}.cm-s-abbott .CodeMirror-selected,.cm-s-abbott.CodeMirror-focused .CodeMirror-selected{background:#273900}.cm-s-abbott .CodeMirror-line::selection,.cm-s-abbott .CodeMirror-line>span::selection,.cm-s-abbott .CodeMirror-line>span>span::selection{background:#273900}.cm-s-abbott .CodeMirror-line::-moz-selection,.cm-s-abbott .CodeMirror-line>span::-moz-selection,.cm-s-abbott .CodeMirror-line>span>span::-moz-selection{background:#273900}.cm-s-abbott .cm-tab{color:#00ff7f}.cm-s-abbott .cm-searching{background:#fef3b4!important;color:#231c14!important}.cm-s-abbott span.cm-comment{color:#fbb32f;font-style:italic}.cm-s-abbott span.cm-string,.cm-s-abbott span.cm-string-2{color:#e6a2f3}.cm-s-abbott span.cm-number,.cm-s-abbott span.cm-string.cm-url{color:#f63f05}.cm-s-abbott span.cm-invalidchar{color:#00ff7f}.cm-s-abbott span.cm-atom{color:#fef3b4}.cm-s-abbott span.cm-bracket,.cm-s-abbott span.cm-punctuation{color:#fef3b4}.cm-s-abbott span.cm-operator{font-weight:700}.cm-s-abbott span.cm-def,.cm-s-abbott span.cm-variable,.cm-s-abbott span.cm-variable-2,.cm-s-abbott span.cm-variable-3{color:#8ccdf0}.cm-s-abbott span.cm-builtin,.cm-s-abbott span.cm-property,.cm-s-abbott span.cm-qualifier{color:#3f91f1}.cm-s-abbott span.cm-type{color:#24a507}.cm-s-abbott span.cm-keyword{color:#d80450;font-weight:700}.cm-s-abbott span.cm-meta{color:#ec6c99}.cm-s-abbott span.cm-tag{color:#d80450;font-weight:700}.cm-s-abbott span.cm-attribute{color:#24a507}.cm-s-abbott span.cm-header{color:#d80450;font-weight:700}.cm-s-abbott span.cm-hr{color:#ec6c99}.cm-s-abbott span.cm-link{color:#e6a2f3}.cm-s-abbott span.cm-negative{background:#d80450;color:#231c14}.cm-s-abbott span.cm-positive{background:#a0ea00;color:#231c14;font-weight:700}.cm-s-abbott span.cm-error{background:#d80450;color:#231c14}.cm-s-abbott span.CodeMirror-matchingbracket{background:#745d42!important;color:#231c14!important;font-weight:700}.cm-s-abbott span.CodeMirror-nonmatchingbracket{background:#d80450!important;color:#231c14!important}.cm-s-abbott .CodeMirror-matchingtag,.cm-s-abbott .cm-matchhighlight{outline:1px solid #39a78d}.cm-s-abbott .CodeMirror-activeline-background,.cm-s-abbott .CodeMirror-activeline-gutter{background:#3c3022}.cm-s-abbott .CodeMirror-activeline-gutter .CodeMirror-linenumber{color:#d8ff84;font-weight:700}.cm-s-abbott .CodeMirror-foldmarker{color:#f63f05;text-shadow:none}.cm-s-ayu-dark.CodeMirror{background:#0a0e14;color:#b3b1ad}.cm-s-ayu-dark div.CodeMirror-selected{background:#273747}.cm-s-ayu-dark .CodeMirror-line::selection,.cm-s-ayu-dark .CodeMirror-line>span::selection,.cm-s-ayu-dark .CodeMirror-line>span>span::selection{background:#273747}.cm-s-ayu-dark .CodeMirror-line::-moz-selection,.cm-s-ayu-dark .CodeMirror-line>span::-moz-selection,.cm-s-ayu-dark .CodeMirror-line>span>span::-moz-selection{background:#273747}.cm-s-ayu-dark .CodeMirror-gutters{background:#0a0e14;border-right:0px}.cm-s-ayu-dark .CodeMirror-guttermarker{color:#fff}.cm-s-ayu-dark .CodeMirror-guttermarker-subtle{color:#3d424d}.cm-s-ayu-dark .CodeMirror-linenumber{color:#3d424d}.cm-s-ayu-dark .CodeMirror-cursor{border-left:1px solid #e6b450}.cm-s-ayu-dark.cm-fat-cursor .CodeMirror-cursor{background-color:#a2a8a175!important}.cm-s-ayu-dark .cm-animate-fat-cursor{background-color:#a2a8a175!important}.cm-s-ayu-dark span.cm-comment{color:#626a73}.cm-s-ayu-dark span.cm-atom{color:#ae81ff}.cm-s-ayu-dark span.cm-number{color:#e6b450}.cm-s-ayu-dark span.cm-comment.cm-attribute{color:#ffb454}.cm-s-ayu-dark span.cm-comment.cm-def{color:#39bae6}.cm-s-ayu-dark span.cm-comment.cm-tag{color:#39bae6}.cm-s-ayu-dark span.cm-comment.cm-type{color:#5998a6}.cm-s-ayu-dark span.cm-attribute,.cm-s-ayu-dark span.cm-property{color:#ffb454}.cm-s-ayu-dark span.cm-keyword{color:#ff8f40}.cm-s-ayu-dark span.cm-builtin{color:#e6b450}.cm-s-ayu-dark span.cm-string{color:#c2d94c}.cm-s-ayu-dark span.cm-variable{color:#b3b1ad}.cm-s-ayu-dark span.cm-variable-2{color:#f07178}.cm-s-ayu-dark span.cm-variable-3{color:#39bae6}.cm-s-ayu-dark span.cm-type{color:#ff8f40}.cm-s-ayu-dark span.cm-def{color:#fe9}.cm-s-ayu-dark span.cm-bracket{color:#f8f8f2}.cm-s-ayu-dark span.cm-tag{color:#39bae6}.cm-s-ayu-dark span.cm-header{color:#c2d94c}.cm-s-ayu-dark span.cm-link{color:#39bae6}.cm-s-ayu-dark span.cm-error{color:#f33}.cm-s-ayu-dark .CodeMirror-activeline-background{background:#01060e}.cm-s-ayu-dark .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-ayu-mirage.CodeMirror{background:#1f2430;color:#cbccc6}.cm-s-ayu-mirage div.CodeMirror-selected{background:#34455a}.cm-s-ayu-mirage .CodeMirror-line::selection,.cm-s-ayu-mirage .CodeMirror-line>span::selection,.cm-s-ayu-mirage .CodeMirror-line>span>span::selection{background:#34455a}.cm-s-ayu-mirage .CodeMirror-line::-moz-selection,.cm-s-ayu-mirage .CodeMirror-line>span::-moz-selection,.cm-s-ayu-mirage .CodeMirror-line>span>span::-moz-selection{background:#191e2a}.cm-s-ayu-mirage .CodeMirror-gutters{background:#1f2430;border-right:0px}.cm-s-ayu-mirage .CodeMirror-guttermarker{color:#fff}.cm-s-ayu-mirage .CodeMirror-guttermarker-subtle{color:#707a8c}.cm-s-ayu-mirage .CodeMirror-linenumber{color:#3d424d}.cm-s-ayu-mirage .CodeMirror-cursor{border-left:1px solid #fc6}.cm-s-ayu-mirage.cm-fat-cursor .CodeMirror-cursor{background-color:#a2a8a175!important}.cm-s-ayu-mirage .cm-animate-fat-cursor{background-color:#a2a8a175!important}.cm-s-ayu-mirage span.cm-comment{color:#5c6773;font-style:italic}.cm-s-ayu-mirage span.cm-atom{color:#ae81ff}.cm-s-ayu-mirage span.cm-number{color:#fc6}.cm-s-ayu-mirage span.cm-comment.cm-attribute{color:#ffd580}.cm-s-ayu-mirage span.cm-comment.cm-def{color:#d4bfff}.cm-s-ayu-mirage span.cm-comment.cm-tag{color:#5ccfe6}.cm-s-ayu-mirage span.cm-comment.cm-type{color:#5998a6}.cm-s-ayu-mirage span.cm-property{color:#f29e74}.cm-s-ayu-mirage span.cm-attribute{color:#ffd580}.cm-s-ayu-mirage span.cm-keyword{color:#ffa759}.cm-s-ayu-mirage span.cm-builtin{color:#fc6}.cm-s-ayu-mirage span.cm-string{color:#bae67e}.cm-s-ayu-mirage span.cm-variable{color:#cbccc6}.cm-s-ayu-mirage span.cm-variable-2{color:#f28779}.cm-s-ayu-mirage span.cm-variable-3{color:#5ccfe6}.cm-s-ayu-mirage span.cm-type{color:#ffa759}.cm-s-ayu-mirage span.cm-def{color:#ffd580}.cm-s-ayu-mirage span.cm-bracket{color:#5ccfe6}.cm-s-ayu-mirage span.cm-tag{color:#5ccfe6}.cm-s-ayu-mirage span.cm-header{color:#bae67e}.cm-s-ayu-mirage span.cm-link{color:#5ccfe6}.cm-s-ayu-mirage span.cm-error{color:#f33}.cm-s-ayu-mirage .CodeMirror-activeline-background{background:#191e2a}.cm-s-ayu-mirage .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-blackboard.CodeMirror{background:#0c1021;color:#f8f8f8}.cm-s-blackboard div.CodeMirror-selected{background:#253b76}.cm-s-blackboard .CodeMirror-line::selection,.cm-s-blackboard .CodeMirror-line>span::selection,.cm-s-blackboard .CodeMirror-line>span>span::selection{background:rgba(37,59,118,.99)}.cm-s-blackboard .CodeMirror-line::-moz-selection,.cm-s-blackboard .CodeMirror-line>span::-moz-selection,.cm-s-blackboard .CodeMirror-line>span>span::-moz-selection{background:rgba(37,59,118,.99)}.cm-s-blackboard .CodeMirror-gutters{background:#0c1021;border-right:0}.cm-s-blackboard .CodeMirror-guttermarker{color:#fbde2d}.cm-s-blackboard .CodeMirror-guttermarker-subtle{color:#888}.cm-s-blackboard .CodeMirror-linenumber{color:#888}.cm-s-blackboard .CodeMirror-cursor{border-left:1px solid #a7a7a7}.cm-s-blackboard .cm-keyword{color:#fbde2d}.cm-s-blackboard .cm-atom{color:#d8fa3c}.cm-s-blackboard .cm-number{color:#d8fa3c}.cm-s-blackboard .cm-def{color:#8da6ce}.cm-s-blackboard .cm-variable{color:#ff6400}.cm-s-blackboard .cm-operator{color:#fbde2d}.cm-s-blackboard .cm-comment{color:#aeaeae}.cm-s-blackboard .cm-string{color:#61ce3c}.cm-s-blackboard .cm-string-2{color:#61ce3c}.cm-s-blackboard .cm-meta{color:#d8fa3c}.cm-s-blackboard .cm-builtin{color:#8da6ce}.cm-s-blackboard .cm-tag{color:#8da6ce}.cm-s-blackboard .cm-attribute{color:#8da6ce}.cm-s-blackboard .cm-header{color:#ff6400}.cm-s-blackboard .cm-hr{color:#aeaeae}.cm-s-blackboard .cm-link{color:#8da6ce}.cm-s-blackboard .cm-error{background:#9d1e15;color:#f8f8f8}.cm-s-blackboard .CodeMirror-activeline-background{background:#3c3636}.cm-s-blackboard .CodeMirror-matchingbracket{outline:1px solid grey;color:#fff!important}.cm-s-dracula .CodeMirror-gutters,.cm-s-dracula.CodeMirror{background-color:#282a36!important;color:#f8f8f2!important;border:none}.cm-s-dracula .CodeMirror-gutters{color:#282a36}.cm-s-dracula .CodeMirror-cursor{border-left:solid thin #f8f8f0}.cm-s-dracula .CodeMirror-linenumber{color:#6d8a88}.cm-s-dracula .CodeMirror-selected{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable{color:#50fa7b}.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#50fa7b}.cm-s-dracula span.cm-operator{color:#ff79c6}.cm-s-dracula span.cm-keyword{color:#ff79c6}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#ff79c6}.cm-s-dracula span.cm-attribute{color:#50fa7b}.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#50fa7b}.cm-s-dracula span.cm-type,.cm-s-dracula span.cm-variable-3{color:#ffb86c}.cm-s-dracula .CodeMirror-activeline-background{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-dracula{background:#282a36;color:#f8f8f2}.cm-s-dracula .cm-comment{color:#6272a4}.cm-s-dracula .cm-keyword{color:#ff79c6;font-weight:700}.cm-s-dracula .cm-operator{color:#50fa7b}.cm-s-dracula .cm-number{color:#bd93f9}.cm-s-dracula .cm-string{color:#f1fa8c}.cm-s-dracula .cm-atom{color:#ffb86c}.cm-s-dracula .cm-quote{color:#f8f8f2;opacity:.6}.cm-s-dracula .cm-variable-1{color:#8be9fd}.cm-s-dracula .cm-variable-2{color:#bd93f9}.cm-s-dracula .cm-variable-3{color:#ffb86c}.cm-s-dracula .cm-variable-4{color:#ff79c6}.cm-s-dracula .cm-variable-5{color:#50fa7b}.cm-s-dracula .cm-variable-6{color:#f1fa8c}.cm-s-dracula .cm-variable-7{color:#8be9fd}.cm-s-dracula .cm-variable-8{color:#bd93f9}.cm-s-dracula .cm-variable-9{color:#ffb86c}.cm-s-dracula .cm-variable-10{color:#ff79c6}.cm-s-duotone-dark.CodeMirror{background:#2a2734;color:#6c6783}.cm-s-duotone-dark div.CodeMirror-selected{background:#545167!important}.cm-s-duotone-dark .CodeMirror-gutters{background:#2a2734;border-right:0px}.cm-s-duotone-dark .CodeMirror-linenumber{color:#545167}.cm-s-duotone-dark .CodeMirror-cursor{border-left:1px solid #ffad5c;border-right:.5em solid #ffad5c;opacity:.5}.cm-s-duotone-dark .CodeMirror-activeline-background{background:#363342;opacity:.5}.cm-s-duotone-dark .cm-fat-cursor .CodeMirror-cursor{background:#ffad5c;opacity:.5}.cm-s-duotone-dark span.cm-atom,.cm-s-duotone-dark span.cm-attribute,.cm-s-duotone-dark span.cm-hr,.cm-s-duotone-dark span.cm-keyword,.cm-s-duotone-dark span.cm-link,.cm-s-duotone-dark span.cm-number,.cm-s-duotone-dark span.cm-quote,.cm-s-duotone-dark span.cm-variable{color:#fc9}.cm-s-duotone-dark span.cm-property{color:#9a86fd}.cm-s-duotone-dark span.cm-negative,.cm-s-duotone-dark span.cm-punctuation,.cm-s-duotone-dark span.cm-unit{color:#e09142}.cm-s-duotone-dark span.cm-string{color:#ffb870}.cm-s-duotone-dark span.cm-operator{color:#ffad5c}.cm-s-duotone-dark span.cm-positive{color:#6a51e6}.cm-s-duotone-dark span.cm-string-2,.cm-s-duotone-dark span.cm-type,.cm-s-duotone-dark span.cm-url,.cm-s-duotone-dark span.cm-variable-2,.cm-s-duotone-dark span.cm-variable-3{color:#7a63ee}.cm-s-duotone-dark span.cm-builtin,.cm-s-duotone-dark span.cm-def,.cm-s-duotone-dark span.cm-em,.cm-s-duotone-dark span.cm-header,.cm-s-duotone-dark span.cm-qualifier,.cm-s-duotone-dark span.cm-tag{color:#eeebff}.cm-s-duotone-dark span.cm-bracket,.cm-s-duotone-dark span.cm-comment{color:#6c6783}.cm-s-duotone-dark span.cm-error,.cm-s-duotone-dark span.cm-invalidchar{color:red}.cm-s-duotone-dark span.cm-header{font-weight:400}.cm-s-duotone-dark .CodeMirror-matchingbracket{text-decoration:underline;color:#eeebff!important}.cm-s-duotone-light.CodeMirror{background:#faf8f5;color:#b29762}.cm-s-duotone-light div.CodeMirror-selected{background:#e3dcce!important}.cm-s-duotone-light .CodeMirror-gutters{background:#faf8f5;border-right:0px}.cm-s-duotone-light .CodeMirror-linenumber{color:#cdc4b1}.cm-s-duotone-light .CodeMirror-cursor{border-left:1px solid #93abdc;border-right:.5em solid #93abdc;opacity:.5}.cm-s-duotone-light .CodeMirror-activeline-background{background:#e3dcce;opacity:.5}.cm-s-duotone-light .cm-fat-cursor .CodeMirror-cursor{background:#93abdc;opacity:.5}.cm-s-duotone-light span.cm-atom,.cm-s-duotone-light span.cm-attribute,.cm-s-duotone-light span.cm-keyword,.cm-s-duotone-light span.cm-number,.cm-s-duotone-light span.cm-quote,.cm-s-duotone-light span.cm-variable,.cm-s-duotone-light-light span.cm-hr,.cm-s-duotone-light-light span.cm-link{color:#063289}.cm-s-duotone-light span.cm-property{color:#b29762}.cm-s-duotone-light span.cm-negative,.cm-s-duotone-light span.cm-punctuation,.cm-s-duotone-light span.cm-unit{color:#063289}.cm-s-duotone-light span.cm-operator,.cm-s-duotone-light span.cm-string{color:#1659df}.cm-s-duotone-light span.cm-positive{color:#896724}.cm-s-duotone-light span.cm-string-2,.cm-s-duotone-light span.cm-type,.cm-s-duotone-light span.cm-url,.cm-s-duotone-light span.cm-variable-2,.cm-s-duotone-light span.cm-variable-3{color:#896724}.cm-s-duotone-light span.cm-builtin,.cm-s-duotone-light span.cm-def,.cm-s-duotone-light span.cm-em,.cm-s-duotone-light span.cm-header,.cm-s-duotone-light span.cm-qualifier,.cm-s-duotone-light span.cm-tag{color:#2d2006}.cm-s-duotone-light span.cm-bracket,.cm-s-duotone-light span.cm-comment{color:#b6ad9a}.cm-s-duotone-light span.cm-error,.cm-s-duotone-light span.cm-invalidchar{color:red}.cm-s-duotone-light span.cm-header{font-weight:400}.cm-s-duotone-light .CodeMirror-matchingbracket{text-decoration:underline;color:#faf8f5!important}.cm-s-eclipse span.cm-meta{color:#ff1717}.cm-s-eclipse span.cm-keyword{line-height:1em;font-weight:700;color:#7f0055}.cm-s-eclipse span.cm-atom{color:#219}.cm-s-eclipse span.cm-number{color:#164}.cm-s-eclipse span.cm-def{color:#00f}.cm-s-eclipse span.cm-variable{color:#000}.cm-s-eclipse span.cm-variable-2{color:#0000c0}.cm-s-eclipse span.cm-type,.cm-s-eclipse span.cm-variable-3{color:#0000c0}.cm-s-eclipse span.cm-property{color:#000}.cm-s-eclipse span.cm-operator{color:#000}.cm-s-eclipse span.cm-comment{color:#3f7f5f}.cm-s-eclipse span.cm-string{color:#2a00ff}.cm-s-eclipse span.cm-string-2{color:#f50}.cm-s-eclipse span.cm-qualifier{color:#555}.cm-s-eclipse span.cm-builtin{color:#30a}.cm-s-eclipse span.cm-bracket{color:#cc7}.cm-s-eclipse span.cm-tag{color:#170}.cm-s-eclipse span.cm-attribute{color:#00c}.cm-s-eclipse span.cm-link{color:#219}.cm-s-eclipse span.cm-error{color:red}.cm-s-eclipse .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-eclipse .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.cm-s-elegant span.cm-atom,.cm-s-elegant span.cm-number,.cm-s-elegant span.cm-string{color:#762}.cm-s-elegant span.cm-comment{color:#262;font-style:italic;line-height:1em}.cm-s-elegant span.cm-meta{color:#555;font-style:italic;line-height:1em}.cm-s-elegant span.cm-variable{color:#000}.cm-s-elegant span.cm-variable-2{color:#b11}.cm-s-elegant span.cm-qualifier{color:#555}.cm-s-elegant span.cm-keyword{color:#730}.cm-s-elegant span.cm-builtin{color:#30a}.cm-s-elegant span.cm-link{color:#762}.cm-s-elegant span.cm-error{background-color:#fdd}.cm-s-elegant .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-elegant .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.cm-s-erlang-dark.CodeMirror{background:#002240;color:#fff}.cm-s-erlang-dark div.CodeMirror-selected{background:#b36539}.cm-s-erlang-dark .CodeMirror-line::selection,.cm-s-erlang-dark .CodeMirror-line>span::selection,.cm-s-erlang-dark .CodeMirror-line>span>span::selection{background:rgba(179,101,57,.99)}.cm-s-erlang-dark .CodeMirror-line::-moz-selection,.cm-s-erlang-dark .CodeMirror-line>span::-moz-selection,.cm-s-erlang-dark .CodeMirror-line>span>span::-moz-selection{background:rgba(179,101,57,.99)}.cm-s-erlang-dark .CodeMirror-gutters{background:#002240;border-right:1px solid #aaa}.cm-s-erlang-dark .CodeMirror-guttermarker{color:#fff}.cm-s-erlang-dark .CodeMirror-guttermarker-subtle{color:#d0d0d0}.cm-s-erlang-dark .CodeMirror-linenumber{color:#d0d0d0}.cm-s-erlang-dark .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-erlang-dark span.cm-quote{color:#ccc}.cm-s-erlang-dark span.cm-atom{color:#f133f1}.cm-s-erlang-dark span.cm-attribute{color:#ff80e1}.cm-s-erlang-dark span.cm-bracket{color:#ff9d00}.cm-s-erlang-dark span.cm-builtin{color:#eaa}.cm-s-erlang-dark span.cm-comment{color:#77f}.cm-s-erlang-dark span.cm-def{color:#e7a}.cm-s-erlang-dark span.cm-keyword{color:#ffee80}.cm-s-erlang-dark span.cm-meta{color:#50fefe}.cm-s-erlang-dark span.cm-number{color:#ffd0d0}.cm-s-erlang-dark span.cm-operator{color:#d55}.cm-s-erlang-dark span.cm-property{color:#ccc}.cm-s-erlang-dark span.cm-qualifier{color:#ccc}.cm-s-erlang-dark span.cm-special{color:#fbb}.cm-s-erlang-dark span.cm-string{color:#3ad900}.cm-s-erlang-dark span.cm-string-2{color:#ccc}.cm-s-erlang-dark span.cm-tag{color:#9effff}.cm-s-erlang-dark span.cm-variable{color:#50fe50}.cm-s-erlang-dark span.cm-variable-2{color:#e0e}.cm-s-erlang-dark span.cm-type,.cm-s-erlang-dark span.cm-variable-3{color:#ccc}.cm-s-erlang-dark span.cm-error{color:#9d1e15}.cm-s-erlang-dark .CodeMirror-activeline-background{background:#013461}.cm-s-erlang-dark .CodeMirror-matchingbracket{outline:1px solid grey;color:#fff!important}.cm-s-juejin.CodeMirror{background:#f8f9fa}.cm-s-juejin .cm-def,.cm-s-juejin .cm-header{color:#1ba2f0}.cm-s-juejin .cm-comment{color:#009e9d}.cm-s-juejin .cm-attribute,.cm-s-juejin .cm-link,.cm-s-juejin .cm-quote,.cm-s-juejin .cm-strong{color:#fd7741}.cm-s-juejin .cm-builtin,.cm-s-juejin .cm-keyword,.cm-s-juejin .cm-url{color:#bb51b8}.cm-s-juejin .cm-hr{color:#909090}.cm-s-juejin .cm-tag{color:#107000}.cm-s-juejin .cm-variable-2{color:#0050a0}.cm-s-lucario .CodeMirror-gutters,.cm-s-lucario.CodeMirror{background-color:#2b3e50!important;color:#f8f8f2!important;border:none}.cm-s-lucario .CodeMirror-gutters{color:#2b3e50}.cm-s-lucario .CodeMirror-cursor{border-left:solid thin #e6c845}.cm-s-lucario .CodeMirror-linenumber{color:#f8f8f2}.cm-s-lucario .CodeMirror-selected{background:#243443}.cm-s-lucario .CodeMirror-line::selection,.cm-s-lucario .CodeMirror-line>span::selection,.cm-s-lucario .CodeMirror-line>span>span::selection{background:#243443}.cm-s-lucario .CodeMirror-line::-moz-selection,.cm-s-lucario .CodeMirror-line>span::-moz-selection,.cm-s-lucario .CodeMirror-line>span>span::-moz-selection{background:#243443}.cm-s-lucario span.cm-comment{color:#5c98cd}.cm-s-lucario span.cm-string,.cm-s-lucario span.cm-string-2{color:#e6db74}.cm-s-lucario span.cm-number{color:#ca94ff}.cm-s-lucario span.cm-variable{color:#f8f8f2}.cm-s-lucario span.cm-variable-2{color:#f8f8f2}.cm-s-lucario span.cm-def{color:#72c05d}.cm-s-lucario span.cm-operator{color:#66d9ef}.cm-s-lucario span.cm-keyword{color:#ff6541}.cm-s-lucario span.cm-atom{color:#bd93f9}.cm-s-lucario span.cm-meta{color:#f8f8f2}.cm-s-lucario span.cm-tag{color:#ff6541}.cm-s-lucario span.cm-attribute{color:#66d9ef}.cm-s-lucario span.cm-qualifier{color:#72c05d}.cm-s-lucario span.cm-property{color:#f8f8f2}.cm-s-lucario span.cm-builtin{color:#72c05d}.cm-s-lucario span.cm-type,.cm-s-lucario span.cm-variable-3{color:#ffb86c}.cm-s-lucario .CodeMirror-activeline-background{background:#243443}.cm-s-lucario .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-material.CodeMirror{background-color:#263238;color:#eff}.cm-s-material .CodeMirror-gutters{background:#263238;color:#546e7a;border:none}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#546e7a}.cm-s-material .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material.cm-fat-cursor .CodeMirror-cursor{background-color:#5d6d5c80!important}.cm-s-material .cm-animate-fat-cursor{background-color:#5d6d5c80!important}.cm-s-material div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-material.CodeMirror-focused div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material .cm-keyword{color:#c792ea}.cm-s-material .cm-operator{color:#89ddff}.cm-s-material .cm-variable-2{color:#eff}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#f07178}.cm-s-material .cm-builtin{color:#ffcb6b}.cm-s-material .cm-atom{color:#f78c6c}.cm-s-material .cm-number{color:#ff5370}.cm-s-material .cm-def{color:#82aaff}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#f07178}.cm-s-material .cm-comment{color:#546e7a}.cm-s-material .cm-variable{color:#f07178}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-meta{color:#ffcb6b}.cm-s-material .cm-attribute{color:#c792ea}.cm-s-material .cm-property{color:#c792ea}.cm-s-material .cm-qualifier{color:#decb6b}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#decb6b}.cm-s-material .cm-error{color:#fff;background-color:#ff5370}.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-material-darker.CodeMirror{background-color:#212121;color:#eff}.cm-s-material-darker .CodeMirror-gutters{background:#212121;color:#545454;border:none}.cm-s-material-darker .CodeMirror-guttermarker,.cm-s-material-darker .CodeMirror-guttermarker-subtle,.cm-s-material-darker .CodeMirror-linenumber{color:#545454}.cm-s-material-darker .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material-darker div.CodeMirror-selected{background:rgba(97,97,97,.2)}.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected{background:rgba(97,97,97,.2)}.cm-s-material-darker .CodeMirror-line::selection,.cm-s-material-darker .CodeMirror-line>span::selection,.cm-s-material-darker .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material-darker .CodeMirror-line::-moz-selection,.cm-s-material-darker .CodeMirror-line>span::-moz-selection,.cm-s-material-darker .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material-darker .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material-darker .cm-keyword{color:#c792ea}.cm-s-material-darker .cm-operator{color:#89ddff}.cm-s-material-darker .cm-variable-2{color:#eff}.cm-s-material-darker .cm-type,.cm-s-material-darker .cm-variable-3{color:#f07178}.cm-s-material-darker .cm-builtin{color:#ffcb6b}.cm-s-material-darker .cm-atom{color:#f78c6c}.cm-s-material-darker .cm-number{color:#ff5370}.cm-s-material-darker .cm-def{color:#82aaff}.cm-s-material-darker .cm-string{color:#c3e88d}.cm-s-material-darker .cm-string-2{color:#f07178}.cm-s-material-darker .cm-comment{color:#545454}.cm-s-material-darker .cm-variable{color:#f07178}.cm-s-material-darker .cm-tag{color:#ff5370}.cm-s-material-darker .cm-meta{color:#ffcb6b}.cm-s-material-darker .cm-attribute{color:#c792ea}.cm-s-material-darker .cm-property{color:#c792ea}.cm-s-material-darker .cm-qualifier{color:#decb6b}.cm-s-material-darker .cm-type,.cm-s-material-darker .cm-variable-3{color:#decb6b}.cm-s-material-darker .cm-error{color:#fff;background-color:#ff5370}.cm-s-material-darker .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-material-ocean.CodeMirror{background-color:#0f111a;color:#8f93a2}.cm-s-material-ocean .CodeMirror-gutters{background:#0f111a;color:#464b5d;border:none}.cm-s-material-ocean .CodeMirror-guttermarker,.cm-s-material-ocean .CodeMirror-guttermarker-subtle,.cm-s-material-ocean .CodeMirror-linenumber{color:#464b5d}.cm-s-material-ocean .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material-ocean.cm-fat-cursor .CodeMirror-cursor{background-color:#a2a8a175!important}.cm-s-material-ocean .cm-animate-fat-cursor{background-color:#a2a8a175!important}.cm-s-material-ocean div.CodeMirror-selected{background:rgba(113,124,180,.2)}.cm-s-material-ocean.CodeMirror-focused div.CodeMirror-selected{background:rgba(113,124,180,.2)}.cm-s-material-ocean .CodeMirror-line::selection,.cm-s-material-ocean .CodeMirror-line>span::selection,.cm-s-material-ocean .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material-ocean .CodeMirror-line::-moz-selection,.cm-s-material-ocean .CodeMirror-line>span::-moz-selection,.cm-s-material-ocean .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material-ocean .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material-ocean .cm-keyword{color:#c792ea}.cm-s-material-ocean .cm-operator{color:#89ddff}.cm-s-material-ocean .cm-variable-2{color:#eff}.cm-s-material-ocean .cm-type,.cm-s-material-ocean .cm-variable-3{color:#f07178}.cm-s-material-ocean .cm-builtin{color:#ffcb6b}.cm-s-material-ocean .cm-atom{color:#f78c6c}.cm-s-material-ocean .cm-number{color:#ff5370}.cm-s-material-ocean .cm-def{color:#82aaff}.cm-s-material-ocean .cm-string{color:#c3e88d}.cm-s-material-ocean .cm-string-2{color:#f07178}.cm-s-material-ocean .cm-comment{color:#464b5d}.cm-s-material-ocean .cm-variable{color:#f07178}.cm-s-material-ocean .cm-tag{color:#ff5370}.cm-s-material-ocean .cm-meta{color:#ffcb6b}.cm-s-material-ocean .cm-attribute{color:#c792ea}.cm-s-material-ocean .cm-property{color:#c792ea}.cm-s-material-ocean .cm-qualifier{color:#decb6b}.cm-s-material-ocean .cm-type,.cm-s-material-ocean .cm-variable-3{color:#decb6b}.cm-s-material-ocean .cm-error{color:#fff;background-color:#ff5370}.cm-s-material-ocean .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-mdn-like.CodeMirror{color:#999;background-color:#fff}.cm-s-mdn-like div.CodeMirror-selected{background:#cfc}.cm-s-mdn-like .CodeMirror-line::selection,.cm-s-mdn-like .CodeMirror-line>span::selection,.cm-s-mdn-like .CodeMirror-line>span>span::selection{background:#cfc}.cm-s-mdn-like .CodeMirror-line::-moz-selection,.cm-s-mdn-like .CodeMirror-line>span::-moz-selection,.cm-s-mdn-like .CodeMirror-line>span>span::-moz-selection{background:#cfc}.cm-s-mdn-like .CodeMirror-gutters{background:#f8f8f8;border-left:6px solid rgba(0,83,159,.65);color:#333}.cm-s-mdn-like .CodeMirror-linenumber{color:#aaa;padding-left:8px}.cm-s-mdn-like .CodeMirror-cursor{border-left:2px solid #222}.cm-s-mdn-like .cm-keyword{color:#6262ff}.cm-s-mdn-like .cm-atom{color:#f90}.cm-s-mdn-like .cm-number{color:#ca7841}.cm-s-mdn-like .cm-def{color:#8da6ce}.cm-s-mdn-like span.cm-tag,.cm-s-mdn-like span.cm-variable-2{color:#690}.cm-s-mdn-like span.cm-def,.cm-s-mdn-like span.cm-type,.cm-s-mdn-like span.cm-variable-3{color:#07a}.cm-s-mdn-like .cm-variable{color:#07a}.cm-s-mdn-like .cm-property{color:#905}.cm-s-mdn-like .cm-qualifier{color:#690}.cm-s-mdn-like .cm-operator{color:#cda869}.cm-s-mdn-like .cm-comment{color:#777;font-weight:400}.cm-s-mdn-like .cm-string{color:#07a;font-style:italic}.cm-s-mdn-like .cm-string-2{color:#bd6b18}.cm-s-mdn-like .cm-meta{color:#000}.cm-s-mdn-like .cm-builtin{color:#9b7536}.cm-s-mdn-like .cm-tag{color:#997643}.cm-s-mdn-like .cm-attribute{color:#d6bb6d}.cm-s-mdn-like .cm-header{color:#ff6400}.cm-s-mdn-like .cm-hr{color:#aeaeae}.cm-s-mdn-like .cm-link{color:#ad9361;font-style:italic;text-decoration:none}.cm-s-mdn-like .cm-error{border-bottom:1px solid red}div.cm-s-mdn-like .CodeMirror-activeline-background{background:#efefff}div.cm-s-mdn-like span.CodeMirror-matchingbracket{outline:1px solid grey;color:inherit}.cm-s-mdn-like.CodeMirror{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=)}.cm-s-midnight .CodeMirror-activeline-background{background:#253540}.cm-s-midnight.CodeMirror{background:#0f192a;color:#d1edff}.cm-s-midnight div.CodeMirror-selected{background:#314d67}.cm-s-midnight .CodeMirror-line::selection,.cm-s-midnight .CodeMirror-line>span::selection,.cm-s-midnight .CodeMirror-line>span>span::selection{background:rgba(49,77,103,.99)}.cm-s-midnight .CodeMirror-line::-moz-selection,.cm-s-midnight .CodeMirror-line>span::-moz-selection,.cm-s-midnight .CodeMirror-line>span>span::-moz-selection{background:rgba(49,77,103,.99)}.cm-s-midnight .CodeMirror-gutters{background:#0f192a;border-right:1px solid}.cm-s-midnight .CodeMirror-guttermarker{color:#fff}.cm-s-midnight .CodeMirror-guttermarker-subtle{color:#d0d0d0}.cm-s-midnight .CodeMirror-linenumber{color:#d0d0d0}.cm-s-midnight .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-midnight span.cm-comment{color:#428bdd}.cm-s-midnight span.cm-atom{color:#ae81ff}.cm-s-midnight span.cm-number{color:#d1edff}.cm-s-midnight span.cm-attribute,.cm-s-midnight span.cm-property{color:#a6e22e}.cm-s-midnight span.cm-keyword{color:#e83737}.cm-s-midnight span.cm-string{color:#1dc116}.cm-s-midnight span.cm-variable{color:#ffaa3e}.cm-s-midnight span.cm-variable-2{color:#ffaa3e}.cm-s-midnight span.cm-def{color:#4dd}.cm-s-midnight span.cm-bracket{color:#d1edff}.cm-s-midnight span.cm-tag{color:#449}.cm-s-midnight span.cm-link{color:#ae81ff}.cm-s-midnight span.cm-error{background:#f92672;color:#f8f8f0}.cm-s-midnight .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-monokai.CodeMirror{background:#272822;color:#f8f8f2}.cm-s-monokai div.CodeMirror-selected{background:#49483e}.cm-s-monokai .CodeMirror-line::selection,.cm-s-monokai .CodeMirror-line>span::selection,.cm-s-monokai .CodeMirror-line>span>span::selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-line::-moz-selection,.cm-s-monokai .CodeMirror-line>span::-moz-selection,.cm-s-monokai .CodeMirror-line>span>span::-moz-selection{background:rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-gutters{background:#272822;border-right:0px}.cm-s-monokai .CodeMirror-guttermarker{color:#fff}.cm-s-monokai .CodeMirror-guttermarker-subtle{color:#d0d0d0}.cm-s-monokai .CodeMirror-linenumber{color:#d0d0d0}.cm-s-monokai .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-monokai span.cm-comment{color:#75715e}.cm-s-monokai span.cm-atom{color:#ae81ff}.cm-s-monokai span.cm-number{color:#ae81ff}.cm-s-monokai span.cm-comment.cm-attribute{color:#97b757}.cm-s-monokai span.cm-comment.cm-def{color:#bc9262}.cm-s-monokai span.cm-comment.cm-tag{color:#bc6283}.cm-s-monokai span.cm-comment.cm-type{color:#5998a6}.cm-s-monokai span.cm-attribute,.cm-s-monokai span.cm-property{color:#a6e22e}.cm-s-monokai span.cm-keyword{color:#f92672}.cm-s-monokai span.cm-builtin{color:#66d9ef}.cm-s-monokai span.cm-string{color:#e6db74}.cm-s-monokai span.cm-variable{color:#f8f8f2}.cm-s-monokai span.cm-variable-2{color:#9effff}.cm-s-monokai span.cm-type,.cm-s-monokai span.cm-variable-3{color:#66d9ef}.cm-s-monokai span.cm-def{color:#fd971f}.cm-s-monokai span.cm-bracket{color:#f8f8f2}.cm-s-monokai span.cm-tag{color:#f92672}.cm-s-monokai span.cm-header{color:#ae81ff}.cm-s-monokai span.cm-link{color:#ae81ff}.cm-s-monokai span.cm-error{background:#f92672;color:#f8f8f0}.cm-s-monokai .CodeMirror-activeline-background{background:#373831}.cm-s-monokai .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-moxer.CodeMirror{background-color:#090a0f;color:#8e95b4;line-height:1.8}.cm-s-moxer .CodeMirror-gutters{background:#090a0f;color:#35394b;border:none}.cm-s-moxer .CodeMirror-guttermarker,.cm-s-moxer .CodeMirror-guttermarker-subtle,.cm-s-moxer .CodeMirror-linenumber{color:#35394b}.cm-s-moxer .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-moxer div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-moxer.CodeMirror-focused div.CodeMirror-selected{background:#212431}.cm-s-moxer .CodeMirror-line::selection,.cm-s-moxer .CodeMirror-line>span::selection,.cm-s-moxer .CodeMirror-line>span>span::selection{background:#212431}.cm-s-moxer .CodeMirror-line::-moz-selection,.cm-s-moxer .CodeMirror-line>span::-moz-selection,.cm-s-moxer .CodeMirror-line>span>span::-moz-selection{background:#212431}.cm-s-moxer .CodeMirror-activeline-background,.cm-s-moxer .CodeMirror-activeline-gutter .CodeMirror-linenumber{background:rgba(33,36,49,.5)}.cm-s-moxer .cm-keyword{color:#d46c6c}.cm-s-moxer .cm-operator{color:#d46c6c}.cm-s-moxer .cm-variable-2{color:#81c5da}.cm-s-moxer .cm-type,.cm-s-moxer .cm-variable-3{color:#f07178}.cm-s-moxer .cm-builtin{color:#ffcb6b}.cm-s-moxer .cm-atom{color:#a99be2}.cm-s-moxer .cm-number{color:#7ca4c0}.cm-s-moxer .cm-def{color:#f5dfa5}.cm-s-moxer .CodeMirror-line .cm-def~.cm-def{color:#81c5da}.cm-s-moxer .cm-string{color:#b2e4ae}.cm-s-moxer .cm-string-2{color:#f07178}.cm-s-moxer .cm-comment{color:#3f445a}.cm-s-moxer .cm-variable{color:#8e95b4}.cm-s-moxer .cm-tag{color:#ff5370}.cm-s-moxer .cm-meta{color:#ffcb6b}.cm-s-moxer .cm-attribute{color:#c792ea}.cm-s-moxer .cm-property{color:#81c5da}.cm-s-moxer .cm-qualifier{color:#decb6b}.cm-s-moxer .cm-type,.cm-s-moxer .cm-variable-3{color:#decb6b}.cm-s-moxer .cm-error{color:#fff;background-color:#ff5370}.cm-s-moxer .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-neat span.cm-comment{color:#a86}.cm-s-neat span.cm-keyword{line-height:1em;font-weight:700;color:#00f}.cm-s-neat span.cm-string{color:#a22}.cm-s-neat span.cm-builtin{line-height:1em;font-weight:700;color:#077}.cm-s-neat span.cm-special{line-height:1em;font-weight:700;color:#0aa}.cm-s-neat span.cm-variable{color:#000}.cm-s-neat span.cm-atom,.cm-s-neat span.cm-number{color:#3a3}.cm-s-neat span.cm-meta{color:#555}.cm-s-neat span.cm-link{color:#3a3}.cm-s-neat .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-neat .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.cm-s-neo.CodeMirror{background-color:#fff;color:#2e383c;line-height:1.4375}.cm-s-neo .cm-comment{color:#75787b}.cm-s-neo .cm-keyword,.cm-s-neo .cm-property{color:#1d75b3}.cm-s-neo .cm-atom,.cm-s-neo .cm-number{color:#75438a}.cm-s-neo .cm-node,.cm-s-neo .cm-tag{color:#9c3328}.cm-s-neo .cm-string{color:#b35e14}.cm-s-neo .cm-qualifier,.cm-s-neo .cm-variable{color:#047d65}.cm-s-neo pre{padding:0}.cm-s-neo .CodeMirror-gutters{border:none;border-right:10px solid transparent;background-color:transparent}.cm-s-neo .CodeMirror-linenumber{padding:0;color:#e0e2e5}.cm-s-neo .CodeMirror-guttermarker{color:#1d75b3}.cm-s-neo .CodeMirror-guttermarker-subtle{color:#e0e2e5}.cm-s-neo .CodeMirror-cursor{width:auto;border:0;background:rgba(155,157,162,.37);z-index:1}.cm-s-pastel-on-dark.CodeMirror{background:#2c2827;color:#8f938f;line-height:1.5}.cm-s-pastel-on-dark div.CodeMirror-selected{background:rgba(221,240,255,.2)}.cm-s-pastel-on-dark .CodeMirror-line::selection,.cm-s-pastel-on-dark .CodeMirror-line>span::selection,.cm-s-pastel-on-dark .CodeMirror-line>span>span::selection{background:rgba(221,240,255,.2)}.cm-s-pastel-on-dark .CodeMirror-line::-moz-selection,.cm-s-pastel-on-dark .CodeMirror-line>span::-moz-selection,.cm-s-pastel-on-dark .CodeMirror-line>span>span::-moz-selection{background:rgba(221,240,255,.2)}.cm-s-pastel-on-dark .CodeMirror-gutters{background:#34302f;border-right:0px;padding:0 3px}.cm-s-pastel-on-dark .CodeMirror-guttermarker{color:#fff}.cm-s-pastel-on-dark .CodeMirror-guttermarker-subtle{color:#8f938f}.cm-s-pastel-on-dark .CodeMirror-linenumber{color:#8f938f}.cm-s-pastel-on-dark .CodeMirror-cursor{border-left:1px solid #a7a7a7}.cm-s-pastel-on-dark span.cm-comment{color:#a6c6ff}.cm-s-pastel-on-dark span.cm-atom{color:#de8e30}.cm-s-pastel-on-dark span.cm-number{color:#ccc}.cm-s-pastel-on-dark span.cm-property{color:#8f938f}.cm-s-pastel-on-dark span.cm-attribute{color:#a6e22e}.cm-s-pastel-on-dark span.cm-keyword{color:#aeb2f8}.cm-s-pastel-on-dark span.cm-string{color:#66a968}.cm-s-pastel-on-dark span.cm-variable{color:#aeb2f8}.cm-s-pastel-on-dark span.cm-variable-2{color:#bebf55}.cm-s-pastel-on-dark span.cm-type,.cm-s-pastel-on-dark span.cm-variable-3{color:#de8e30}.cm-s-pastel-on-dark span.cm-def{color:#757ad8}.cm-s-pastel-on-dark span.cm-bracket{color:#f8f8f2}.cm-s-pastel-on-dark span.cm-tag{color:#c1c144}.cm-s-pastel-on-dark span.cm-link{color:#ae81ff}.cm-s-pastel-on-dark span.cm-builtin,.cm-s-pastel-on-dark span.cm-qualifier{color:#c1c144}.cm-s-pastel-on-dark span.cm-error{background:#757ad8;color:#f8f8f0}.cm-s-pastel-on-dark .CodeMirror-activeline-background{background:rgba(255,255,255,.031)}.cm-s-pastel-on-dark .CodeMirror-matchingbracket{border:1px solid rgba(255,255,255,.25);color:#8f938f!important;margin:-1px -1px 0 -1px}.cm-s-railscasts.CodeMirror{background:#2b2b2b;color:#f4f1ed}.cm-s-railscasts div.CodeMirror-selected{background:#272935!important}.cm-s-railscasts .CodeMirror-gutters{background:#2b2b2b;border-right:0px}.cm-s-railscasts .CodeMirror-linenumber{color:#5a647e}.cm-s-railscasts .CodeMirror-cursor{border-left:1px solid #d4cfc9!important}.cm-s-railscasts span.cm-comment{color:#bc9458}.cm-s-railscasts span.cm-atom{color:#b6b3eb}.cm-s-railscasts span.cm-number{color:#b6b3eb}.cm-s-railscasts span.cm-attribute,.cm-s-railscasts span.cm-property{color:#a5c261}.cm-s-railscasts span.cm-keyword{color:#da4939}.cm-s-railscasts span.cm-string{color:#ffc66d}.cm-s-railscasts span.cm-variable{color:#a5c261}.cm-s-railscasts span.cm-variable-2{color:#6d9cbe}.cm-s-railscasts span.cm-def{color:#cc7833}.cm-s-railscasts span.cm-error{background:#da4939;color:#d4cfc9}.cm-s-railscasts span.cm-bracket{color:#f4f1ed}.cm-s-railscasts span.cm-tag{color:#da4939}.cm-s-railscasts span.cm-link{color:#b6b3eb}.cm-s-railscasts .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-railscasts .CodeMirror-activeline-background{background:#303040}.cm-s-rubyblue.CodeMirror{background:#112435;color:#fff}.cm-s-rubyblue div.CodeMirror-selected{background:#38566f}.cm-s-rubyblue .CodeMirror-line::selection,.cm-s-rubyblue .CodeMirror-line>span::selection,.cm-s-rubyblue .CodeMirror-line>span>span::selection{background:rgba(56,86,111,.99)}.cm-s-rubyblue .CodeMirror-line::-moz-selection,.cm-s-rubyblue .CodeMirror-line>span::-moz-selection,.cm-s-rubyblue .CodeMirror-line>span>span::-moz-selection{background:rgba(56,86,111,.99)}.cm-s-rubyblue .CodeMirror-gutters{background:#1f4661;border-right:7px solid #3e7087}.cm-s-rubyblue .CodeMirror-guttermarker{color:#fff}.cm-s-rubyblue .CodeMirror-guttermarker-subtle{color:#3e7087}.cm-s-rubyblue .CodeMirror-linenumber{color:#fff}.cm-s-rubyblue .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-rubyblue span.cm-comment{color:#999;font-style:italic;line-height:1em}.cm-s-rubyblue span.cm-atom{color:#f4c20b}.cm-s-rubyblue span.cm-attribute,.cm-s-rubyblue span.cm-number{color:#82c6e0}.cm-s-rubyblue span.cm-keyword{color:#f0f}.cm-s-rubyblue span.cm-string{color:#f08047}.cm-s-rubyblue span.cm-meta{color:#f0f}.cm-s-rubyblue span.cm-tag,.cm-s-rubyblue span.cm-variable-2{color:#7bd827}.cm-s-rubyblue span.cm-def,.cm-s-rubyblue span.cm-type,.cm-s-rubyblue span.cm-variable-3{color:#fff}.cm-s-rubyblue span.cm-bracket{color:#f0f}.cm-s-rubyblue span.cm-link{color:#f4c20b}.cm-s-rubyblue span.CodeMirror-matchingbracket{color:#f0f!important}.cm-s-rubyblue span.cm-builtin,.cm-s-rubyblue span.cm-special{color:#ff9d00}.cm-s-rubyblue span.cm-error{color:#af2018}.cm-s-rubyblue .CodeMirror-activeline-background{background:#173047}.cm-s-seti.CodeMirror{background-color:#151718!important;color:#cfd2d1!important;border:none}.cm-s-seti .CodeMirror-gutters{color:#404b53;background-color:#0e1112;border:none}.cm-s-seti .CodeMirror-cursor{border-left:solid thin #f8f8f0}.cm-s-seti .CodeMirror-linenumber{color:#6d8a88}.cm-s-seti.CodeMirror-focused div.CodeMirror-selected{background:rgba(255,255,255,.1)}.cm-s-seti .CodeMirror-line::selection,.cm-s-seti .CodeMirror-line>span::selection,.cm-s-seti .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}.cm-s-seti .CodeMirror-line::-moz-selection,.cm-s-seti .CodeMirror-line>span::-moz-selection,.cm-s-seti .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,.1)}.cm-s-seti span.cm-comment{color:#41535b}.cm-s-seti span.cm-string,.cm-s-seti span.cm-string-2{color:#55b5db}.cm-s-seti span.cm-number{color:#cd3f45}.cm-s-seti span.cm-variable{color:#55b5db}.cm-s-seti span.cm-variable-2{color:#a074c4}.cm-s-seti span.cm-def{color:#55b5db}.cm-s-seti span.cm-keyword{color:#ff79c6}.cm-s-seti span.cm-operator{color:#9fca56}.cm-s-seti span.cm-keyword{color:#e6cd69}.cm-s-seti span.cm-atom{color:#cd3f45}.cm-s-seti span.cm-meta{color:#55b5db}.cm-s-seti span.cm-tag{color:#55b5db}.cm-s-seti span.cm-attribute{color:#9fca56}.cm-s-seti span.cm-qualifier{color:#9fca56}.cm-s-seti span.cm-property{color:#a074c4}.cm-s-seti span.cm-type,.cm-s-seti span.cm-variable-3{color:#9fca56}.cm-s-seti span.cm-builtin{color:#9fca56}.cm-s-seti .CodeMirror-activeline-background{background:#101213}.cm-s-seti .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-shadowfox.CodeMirror{background:#2a2a2e;color:#b1b1b3}.cm-s-shadowfox div.CodeMirror-selected{background:#353b48}.cm-s-shadowfox .CodeMirror-line::selection,.cm-s-shadowfox .CodeMirror-line>span::selection,.cm-s-shadowfox .CodeMirror-line>span>span::selection{background:#353b48}.cm-s-shadowfox .CodeMirror-line::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span>span::-moz-selection{background:#353b48}.cm-s-shadowfox .CodeMirror-gutters{background:#0c0c0d;border-right:1px solid #0c0c0d}.cm-s-shadowfox .CodeMirror-guttermarker{color:#555}.cm-s-shadowfox .CodeMirror-linenumber{color:#939393}.cm-s-shadowfox .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-shadowfox span.cm-comment{color:#939393}.cm-s-shadowfox span.cm-atom{color:#ff7de9}.cm-s-shadowfox span.cm-quote{color:#ff7de9}.cm-s-shadowfox span.cm-builtin{color:#ff7de9}.cm-s-shadowfox span.cm-attribute{color:#ff7de9}.cm-s-shadowfox span.cm-keyword{color:#ff7de9}.cm-s-shadowfox span.cm-error{color:#ff7de9}.cm-s-shadowfox span.cm-number{color:#6b89ff}.cm-s-shadowfox span.cm-string{color:#6b89ff}.cm-s-shadowfox span.cm-string-2{color:#6b89ff}.cm-s-shadowfox span.cm-meta{color:#939393}.cm-s-shadowfox span.cm-hr{color:#939393}.cm-s-shadowfox span.cm-header{color:#75bfff}.cm-s-shadowfox span.cm-qualifier{color:#75bfff}.cm-s-shadowfox span.cm-variable-2{color:#75bfff}.cm-s-shadowfox span.cm-property{color:#86de74}.cm-s-shadowfox span.cm-def{color:#75bfff}.cm-s-shadowfox span.cm-bracket{color:#75bfff}.cm-s-shadowfox span.cm-tag{color:#75bfff}.cm-s-shadowfox span.cm-link:visited{color:#75bfff}.cm-s-shadowfox span.cm-variable{color:#b98eff}.cm-s-shadowfox span.cm-variable-3{color:#d7d7db}.cm-s-shadowfox span.cm-link{color:#737373}.cm-s-shadowfox span.cm-operator{color:#b1b1b3}.cm-s-shadowfox span.cm-special{color:#d7d7db}.cm-s-shadowfox .CodeMirror-activeline-background{background:rgba(185,215,253,.15)}.cm-s-shadowfox .CodeMirror-matchingbracket{outline:solid 1px rgba(255,255,255,.25);color:#fff!important}.solarized.base03{color:#002b36}.solarized.base02{color:#073642}.solarized.base01{color:#586e75}.solarized.base00{color:#657b83}.solarized.base0{color:#839496}.solarized.base1{color:#93a1a1}.solarized.base2{color:#eee8d5}.solarized.base3{color:#fdf6e3}.solarized.solar-yellow{color:#b58900}.solarized.solar-orange{color:#cb4b16}.solarized.solar-red{color:#dc322f}.solarized.solar-magenta{color:#d33682}.solarized.solar-violet{color:#6c71c4}.solarized.solar-blue{color:#268bd2}.solarized.solar-cyan{color:#2aa198}.solarized.solar-green{color:#859900}.cm-s-solarized{line-height:1.45em;color-profile:sRGB;rendering-intent:auto}.cm-s-solarized.cm-s-dark{color:#839496;background-color:#002b36}.cm-s-solarized.cm-s-light{background-color:#fdf6e3;color:#657b83}.cm-s-solarized .CodeMirror-widget{text-shadow:none}.cm-s-solarized .cm-header{color:#586e75}.cm-s-solarized .cm-quote{color:#93a1a1}.cm-s-solarized .cm-keyword{color:#cb4b16}.cm-s-solarized .cm-atom{color:#d33682}.cm-s-solarized .cm-number{color:#d33682}.cm-s-solarized .cm-def{color:#2aa198}.cm-s-solarized .cm-variable{color:#839496}.cm-s-solarized .cm-variable-2{color:#b58900}.cm-s-solarized .cm-type,.cm-s-solarized .cm-variable-3{color:#6c71c4}.cm-s-solarized .cm-property{color:#2aa198}.cm-s-solarized .cm-operator{color:#6c71c4}.cm-s-solarized .cm-comment{color:#586e75;font-style:italic}.cm-s-solarized .cm-string{color:#859900}.cm-s-solarized .cm-string-2{color:#b58900}.cm-s-solarized .cm-meta{color:#859900}.cm-s-solarized .cm-qualifier{color:#b58900}.cm-s-solarized .cm-builtin{color:#d33682}.cm-s-solarized .cm-bracket{color:#cb4b16}.cm-s-solarized .CodeMirror-matchingbracket{color:#859900}.cm-s-solarized .CodeMirror-nonmatchingbracket{color:#dc322f}.cm-s-solarized .cm-tag{color:#93a1a1}.cm-s-solarized .cm-attribute{color:#2aa198}.cm-s-solarized .cm-hr{color:transparent;border-top:1px solid #586e75;display:block}.cm-s-solarized .cm-link{color:#93a1a1;cursor:pointer}.cm-s-solarized .cm-special{color:#6c71c4}.cm-s-solarized .cm-em{color:#999;text-decoration:underline;text-decoration-style:dotted}.cm-s-solarized .cm-error,.cm-s-solarized .cm-invalidchar{color:#586e75;border-bottom:1px dotted #dc322f}.cm-s-solarized.cm-s-dark div.CodeMirror-selected{background:#073642}.cm-s-solarized.cm-s-dark.CodeMirror ::selection{background:rgba(7,54,66,.99)}.cm-s-dark .CodeMirror-line>span::-moz-selection,.cm-s-dark .CodeMirror-line>span>span::-moz-selection,.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection{background:rgba(7,54,66,.99)}.cm-s-solarized.cm-s-light div.CodeMirror-selected{background:#eee8d5}.cm-s-light .CodeMirror-line>span::selection,.cm-s-light .CodeMirror-line>span>span::selection,.cm-s-solarized.cm-s-light .CodeMirror-line::selection{background:#eee8d5}.cm-s-light .CodeMirror-line>span::-moz-selection,.cm-s-light .CodeMirror-line>span>span::-moz-selection,.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection{background:#eee8d5}.cm-s-solarized.CodeMirror{-moz-box-shadow:inset 7px 0 12px -6px #000;-webkit-box-shadow:inset 7px 0 12px -6px #000;box-shadow:inset 7px 0 12px -6px #000}.cm-s-solarized .CodeMirror-gutters{border-right:0}.cm-s-solarized.cm-s-dark .CodeMirror-gutters{background-color:#073642}.cm-s-solarized.cm-s-dark .CodeMirror-linenumber{color:#586e75}.cm-s-solarized.cm-s-light .CodeMirror-gutters{background-color:#eee8d5}.cm-s-solarized.cm-s-light .CodeMirror-linenumber{color:#839496}.cm-s-solarized .CodeMirror-linenumber{padding:0 5px}.cm-s-solarized .CodeMirror-guttermarker-subtle{color:#586e75}.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker{color:#ddd}.cm-s-solarized.cm-s-light .CodeMirror-guttermarker{color:#cb4b16}.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text{color:#586e75}.cm-s-solarized .CodeMirror-cursor{border-left:1px solid #819090}.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor{background:#7e7}.cm-s-solarized.cm-s-light .cm-animate-fat-cursor{background-color:#7e7}.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor{background:#586e75}.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor{background-color:#586e75}.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background{background:rgba(255,255,255,.06)}.cm-s-solarized.cm-s-light .CodeMirror-activeline-background{background:rgba(0,0,0,.06)}.cm-s-the-matrix.CodeMirror{background:#000;color:#0f0}.cm-s-the-matrix div.CodeMirror-selected{background:#2d2d2d}.cm-s-the-matrix .CodeMirror-line::selection,.cm-s-the-matrix .CodeMirror-line>span::selection,.cm-s-the-matrix .CodeMirror-line>span>span::selection{background:rgba(45,45,45,.99)}.cm-s-the-matrix .CodeMirror-line::-moz-selection,.cm-s-the-matrix .CodeMirror-line>span::-moz-selection,.cm-s-the-matrix .CodeMirror-line>span>span::-moz-selection{background:rgba(45,45,45,.99)}.cm-s-the-matrix .CodeMirror-gutters{background:#060;border-right:2px solid #0f0}.cm-s-the-matrix .CodeMirror-guttermarker{color:#0f0}.cm-s-the-matrix .CodeMirror-guttermarker-subtle{color:#fff}.cm-s-the-matrix .CodeMirror-linenumber{color:#fff}.cm-s-the-matrix .CodeMirror-cursor{border-left:1px solid #0f0}.cm-s-the-matrix span.cm-keyword{color:#008803;font-weight:700}.cm-s-the-matrix span.cm-atom{color:#3ff}.cm-s-the-matrix span.cm-number{color:#ffb94f}.cm-s-the-matrix span.cm-def{color:#99c}.cm-s-the-matrix span.cm-variable{color:#f6c}.cm-s-the-matrix span.cm-variable-2{color:#c6f}.cm-s-the-matrix span.cm-type,.cm-s-the-matrix span.cm-variable-3{color:#96f}.cm-s-the-matrix span.cm-property{color:#62ffa0}.cm-s-the-matrix span.cm-operator{color:#999}.cm-s-the-matrix span.cm-comment{color:#ccc}.cm-s-the-matrix span.cm-string{color:#39c}.cm-s-the-matrix span.cm-meta{color:#c9f}.cm-s-the-matrix span.cm-qualifier{color:#fff700}.cm-s-the-matrix span.cm-builtin{color:#30a}.cm-s-the-matrix span.cm-bracket{color:#cc7}.cm-s-the-matrix span.cm-tag{color:#ffbd40}.cm-s-the-matrix span.cm-attribute{color:#fff700}.cm-s-the-matrix span.cm-error{color:red}.cm-s-the-matrix .CodeMirror-activeline-background{background:#040}.cm-s-yonce.CodeMirror{background:#1c1c1c;color:#d4d4d4}.cm-s-yonce div.CodeMirror-selected{background:rgba(252,69,133,.478)}.cm-s-yonce .CodeMirror-line::-moz-selection,.cm-s-yonce .CodeMirror-line::selection,.cm-s-yonce .CodeMirror-line>span::-moz-selection,.cm-s-yonce .CodeMirror-line>span::selection,.cm-s-yonce .CodeMirror-line>span>span::-moz-selection,.cm-s-yonce .CodeMirror-line>span>span::selection,.cm-s-yonce .CodeMirror-selected,.cm-s-yonce .CodeMirror-selectedtext{background:rgba(252,67,132,.47)}.cm-s-yonce.CodeMirror pre{padding-left:0}.cm-s-yonce .CodeMirror-gutters{background:#1c1c1c;border-right:0px}.cm-s-yonce .CodeMirror-linenumber{color:#777;padding-right:10px}.cm-s-yonce .CodeMirror-activeline .CodeMirror-linenumber.CodeMirror-gutter-elt{background:#1c1c1c;color:#fc4384}.cm-s-yonce .CodeMirror-linenumber{color:#777}.cm-s-yonce .CodeMirror-cursor{border-left:2px solid #fc4384}.cm-s-yonce .cm-searching{background:rgba(243,155,53,.3)!important;outline:1px solid #F39B35}.cm-s-yonce .cm-searching.CodeMirror-selectedtext{background:rgba(243,155,53,.7)!important;color:#fff}.cm-s-yonce .cm-keyword{color:#00a7aa}.cm-s-yonce .cm-atom{color:#f39b35}.cm-s-yonce .cm-number,.cm-s-yonce span.cm-type{color:#a06fca}.cm-s-yonce .cm-def{color:#98e342}.cm-s-yonce .cm-property,.cm-s-yonce span.cm-variable{color:#d4d4d4;font-style:italic}.cm-s-yonce span.cm-variable-2{color:#da7dae;font-style:italic}.cm-s-yonce span.cm-variable-3{color:#a06fca}.cm-s-yonce .cm-type.cm-def{color:#fc4384;font-style:normal;text-decoration:underline}.cm-s-yonce .cm-property.cm-def{color:#fc4384;font-style:normal}.cm-s-yonce .cm-callee{color:#fc4384;font-style:normal}.cm-s-yonce .cm-operator{color:#fc4384}.cm-s-yonce .cm-qualifier,.cm-s-yonce .cm-tag{color:#fc4384}.cm-s-yonce .cm-tag.cm-bracket{color:#d4d4d4}.cm-s-yonce .cm-attribute{color:#a06fca}.cm-s-yonce .cm-comment{color:#696d70;font-style:italic;font-weight:400}.cm-s-yonce .cm-comment.cm-tag{color:#fc4384}.cm-s-yonce .cm-comment.cm-attribute{color:#d4d4d4}.cm-s-yonce .cm-string{color:#e6db74}.cm-s-yonce .cm-string-2{color:#f39b35}.cm-s-yonce .cm-meta{color:#d4d4d4;background:inherit}.cm-s-yonce .cm-builtin{color:#fc4384}.cm-s-yonce .cm-header{color:#da7dae}.cm-s-yonce .cm-hr{color:#98e342}.cm-s-yonce .cm-link{color:#696d70;font-style:italic;text-decoration:none}.cm-s-yonce .cm-error{border-bottom:1px solid #c42412}.cm-s-yonce .CodeMirror-activeline-background{background:#272727}.cm-s-yonce .CodeMirror-matchingbracket{outline:1px solid grey;color:#d4d4d4!important}.cm-s-zenburn .CodeMirror-gutters{background:#3f3f3f!important}.CodeMirror-foldgutter-folded,.cm-s-zenburn .CodeMirror-foldgutter-open{color:#999}.cm-s-zenburn .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-zenburn.CodeMirror{background-color:#3f3f3f;color:#dcdccc}.cm-s-zenburn span.cm-builtin{color:#dcdccc;font-weight:700}.cm-s-zenburn span.cm-comment{color:#7f9f7f}.cm-s-zenburn span.cm-keyword{color:#f0dfaf;font-weight:700}.cm-s-zenburn span.cm-atom{color:#bfebbf}.cm-s-zenburn span.cm-def{color:#dcdccc}.cm-s-zenburn span.cm-variable{color:#dfaf8f}.cm-s-zenburn span.cm-variable-2{color:#dcdccc}.cm-s-zenburn span.cm-string{color:#cc9393}.cm-s-zenburn span.cm-string-2{color:#cc9393}.cm-s-zenburn span.cm-number{color:#dcdccc}.cm-s-zenburn span.cm-tag{color:#93e0e3}.cm-s-zenburn span.cm-property{color:#dfaf8f}.cm-s-zenburn span.cm-attribute{color:#dfaf8f}.cm-s-zenburn span.cm-qualifier{color:#7cb8bb}.cm-s-zenburn span.cm-meta{color:#f0dfaf}.cm-s-zenburn span.cm-header{color:#f0efd0}.cm-s-zenburn span.cm-operator{color:#f0efd0}.cm-s-zenburn span.CodeMirror-matchingbracket{box-sizing:border-box;background:0 0;border-bottom:1px solid}.cm-s-zenburn span.CodeMirror-nonmatchingbracket{border-bottom:1px solid;background:0 0}.cm-s-zenburn .CodeMirror-activeline{background:#000}.cm-s-zenburn .CodeMirror-activeline-background{background:#000}.cm-s-zenburn div.CodeMirror-selected{background:#545454}.cm-s-zenburn .CodeMirror-focused div.CodeMirror-selected{background:#4f4f4f}.cm-s-codelab.CodeMirror{background:#fff;color:#24292e;border:1px solid #ddd;height:100%}.cm-s-codelab.CodeMirror .CodeMirror-lines{padding:0}.cm-s-codelab.CodeMirror .CodeMirror-gutters{background:#f8f9fa;border-right:1px solid #ddd}.cm-s-codelab .CodeMirror-guttermarker{color:#2a73cc}.cm-s-codelab .CodeMirror-linenumber{color:#2a73cc}.cm-s-codelab .CodeMirror-cursor{border-left:2px solid #000}.cm-s-codelab .CodeMirror-selected{background:#2a73cc11}.cm-s-codelab .cm-keyword{color:#d73a49}.cm-s-codelab .cm-number{color:#0676d1}.cm-s-codelab .cm-def{color:#220de0}.cm-s-codelab .cm-variable{color:#1ab406}.cm-s-codelab .cm-string{color:#032f62}.cm-s-codelab .cm-comment{color:#91cdd2;font-style:italic}.cm-s-codelab .cm-tag{color:#cb2431}.cm-s-codelab .cm-attribute{color:#6f42c1}.cm-s-codelab .cm-qualifier{color:#cb2431}.cm-s-codelab .cm-builtin{color:#005cc5}.cm-s-codelab .cm-meta{color:#e36209}.cm-s-codelab .cm-operator{color:#24292e}.cm-s-codelab .cm-link{color:#032f62;text-decoration:underline}.cm-s-codelab .cm-error{background:#ffebe9;color:#86181d}.cm-s-codelab .CodeMirror-activeline-background{background:#2a73cc11}.cm-s-codelab .CodeMirror-matchingbracket{outline:1px solid #0366d6;color:inherit!important}.cm-s-codelab .CodeMirror-line .cm-comment{color:#888;font-style:italic}.cm-s-codelab .cm-operator{color:#2a73cc}.cm-s-codelab .cm-string{color:#000}.cm-s-codelab .cm-number{color:#e76f51}.cm-s-codelab .cm-keyword{color:#f4a261}.cm-s-codelab .cm-atom{color:#777;font-style:italic}.cm-s-codelab .cm-quote{opacity:.6}.cm-s-codelab .cm-property{color:#2a73cc}.cm-s-codelab .cm-variable-1{color:#1f77b4}.cm-s-codelab .cm-variable-2{color:#1ab406}.cm-s-codelab .cm-variable-3{color:#2bd12b}.cm-s-codelab .cm-variable-4{color:#d62728}.cm-s-codelab .cm-variable-5{color:#9467bd}.cm-s-codelab .cm-variable-6{color:#8c564b}.cm-s-codelab .cm-variable-7{color:#e377c2}.cm-s-codelab .cm-variable-8{color:#7f7f7f}.cm-s-codelab .cm-variable-9{color:#bcbd22}.cm-s-codelab .cm-variable-10{color:#17becf}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-dialog{position:absolute;left:0;right:0;background:inherit;z-index:15;padding:.1em .8em;overflow:hidden;color:inherit}.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}.CodeMirror-dialog input{border:none;outline:0;background:0 0;width:20em;color:inherit;font-family:monospace}.CodeMirror-dialog button{font-size:70%}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto;box-sizing:border-box}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}hr{background-color:#dadada;height:1px;border:none;margin:50px}.main-content hr{background-color:#dadada;height:1px;border:none;margin:50px 0}.how-to-section{max-width:1000px;margin:0 auto;padding:30px 20px;font-family:sans-serif}.how-to-section h2{text-align:center;font-size:32px;margin-bottom:40px}.cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.card{background:#fff;border-radius:12px;padding:20px;flex:1;min-width:280px;box-shadow:0 2px 6px rgba(0,0,0,.08);text-align:center;transition:all .3s ease-in-out;cursor:default;position:relative;border:1px solid rgba(0,0,0,.05);overflow:hidden}.card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:rgba(0,0,0,.1)}.card:hover::before{content:"";position:absolute;top:var(--y,50%);left:var(--x,50%);width:300%;height:300%;background:radial-gradient(circle at center,rgba(65,125,255,.09) 0,transparent 60%);transform:translate(-50%,-50%);pointer-events:none;transition:top .2s ease,left .2s ease;z-index:0;border-radius:inherit}.card *{position:relative;z-index:1}.card .number{width:40px;height:40px;margin:0 auto 15px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.card h3{font-size:16px;margin-bottom:10px;font-weight:700;text-align:center}.card p{font-size:14px;color:#555}@media (max-width:768px){.cards{flex-direction:column}}.cssHigh .comment{color:#49c012}.class-selector{color:#090}.id-selector{color:#df0909}.tag-selector{color:#009}.cssHigh .property{color:#1a86c0}.cssHigh .value{color:#ce9178}.cssHigh .atrule{color:#c586c0}.cssHigh .string{color:#d69d85}.cssHigh .unit{color:#c21c2a}.cssHigh .color{color:#4ec9b0}.cssHigh .brace{color:#082674}.cssHigh .bracket{color:#21d309}.jsHigh .keyword{color:#569cd6}.jsHigh .boolean{color:#b5cea8}.jsHigh .number{color:#b5cea8}.jsHigh .string{color:#ce9178}.jsHigh .comment{color:#6a9955;font-style:italic}.jsHigh .operator{color:#27d317}.jsHigh .punctuation{color:#c02b2b}.customization-panel{background-color:#f4f6fa;padding:24px;border-radius:8px;border:1px solid #cbd3e1;margin:20px;margin-top:100px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.customization-panel-heading{text-align:center;font-size:30px;margin-top:50px;margin-right:20px;margin-bottom:50px;font-weight:500}@media (max-width:680px){.customization-panel-heading{border-bottom:1px solid #cbd3e1;font-size:24px;margin-top:26px;margin-bottom:26px}}.customization-group{grid-column:1/-1}.customization-group .group-info{display:block;position:relative;color:#999;font-size:15px;transform:translateY(-20px)}.group-heading{font-size:18px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px}#editor-customization-container,.group-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.2rem}@media (max-width:680px){#editor-customization-container,.group-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}}.customization-option{background-color:#fff;box-shadow:0 0 4px 0 #dadada73;padding:16px;border-radius:8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;position:relative}.option-title{font-size:15px;font-weight:500}.option-group{grid-column:2/3;display:flex;align-items:center}.customization-option .ti-info{position:absolute;right:2px;top:2px;font-size:16px;width:20px;height:20px;border-radius:50%;background:#f9fbfd;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .3s,background-color .3s}.customization-option .ti-info:hover{background:var(--secondary-color);color:#fff}.customization-option .ti-info::after{content:attr(data-info);position:absolute;bottom:125%;right:0;background-color:var(--secondary-color);color:var(--light-color);padding:1rem;border-radius:8px;font-size:16px;line-height:1.5;font-weight:400;font-family:Arial,Helvetica,sans-serif;word-wrap:break-word;width:max-content;max-width:250px;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s;z-index:10;pointer-events:none;box-shadow:0 4px 15px rgba(0,0,0,.2)}.customization-option .ti-info:hover::after{opacity:1;visibility:visible;transform:translateY(-5px)}.option-group.radio input[type=radio]{display:none}.option-group.radio{display:flex;background-color:#f9fbfd;border-radius:8px;padding:4px;border:1px solid #cbd3e1}.option-group.radio label{padding:6px 16px;cursor:pointer;color:#555;font-size:14px;font-weight:500;border-radius:6px;transition:color .3s,background-color .3s;white-space:nowrap}.option-group.radio input[value=true]:checked+label{background-color:#22c88f;color:#fff;box-shadow:0 2px 8px rgba(61,220,132,.3)}.option-group.radio input[value=false]:checked+label{background-color:#dc3545;color:#fff;box-shadow:0 2px 8px rgba(229,62,62,.3)}.option-group.checkbox{display:flex;align-items:center}.option-group.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:30px;height:30px;border-radius:50%;border:2px solid #ccc;cursor:pointer;transition:all .2s ease-in-out;position:relative}.option-group.checkbox input[type=checkbox]::after{content:"\ea41";font-family:tutsinsider;font-size:22px;color:#ccc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.option-group.checkbox input[type=checkbox]:checked{border-color:var(--primary-color);background-color:var(--primary-color)}.option-group.checkbox input[type=checkbox]:checked::after{color:#fff}.option-group.checkbox input[type=checkbox]:focus{outline:0;box-shadow:none}.select-wrapper{position:relative;width:100%;min-width:200px}.select-display{background:#f9fbfd;border:1px solid #cbd3e1;padding:10px 16px;padding-right:30px;border-radius:8px;cursor:pointer;transition:border-color .3s;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;max-width:250px}.select-display:hover,.select-wrapper.open .select-display{border-color:var(--primary-color)}.select-display::after{content:'';position:absolute;right:16px;top:50%;margin-top:-3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #555;transition:transform .3s}.select-wrapper.open .select-display::after{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#f9fbfd;border:1px solid #cbd3e1;border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.2)}.select-wrapper.open .select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.select-option{padding:12px 16px;cursor:pointer;font-size:14px;transition:background-color .3s,color .3s}.select-option:hover{background-color:var(--primary-color);color:#fff}.select-option.selected{background-color:var(--primary-color);color:#fff;font-weight:500}.select-wrapper input[type=hidden]{display:none}.option-group.number,.option-group.text,.option-group.textarea{flex-direction:column;align-items:flex-start;width:100%}.option-group input[type=number],.option-group input[type=text],.option-group textarea{width:100%;background:#f9fbfd;border:1px solid #cbd3e1;padding:10px 16px;border-radius:8px;color:#333;font-size:14px;transition:border-color .3s,box-shadow .3s}.option-group input[type=number]:focus,.option-group input[type=text]:focus,.option-group textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color) 4d}.option-group.number label,.option-group.text label,.option-group.textarea label{font-size:12px;font-weight:500;color:#555;margin-bottom:6px}.option-group.range .range-output{margin-left:10px;width:30px}.option-group.range input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#d1d5db;outline:0;transition:opacity .15s ease-in-out;border-radius:9999px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.option-group.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--primary-color);cursor:grab;border-radius:9999px;box-shadow:0 2px 5px rgba(0,0,0,.2);border:2px solid #fff;transition:background .2s ease-in-out,transform .1s ease-in-out}.option-group.range input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--primary-color);cursor:grab;border-radius:9999px;box-shadow:0 2px 5px rgba(0,0,0,.2);border:2px solid #fff;transition:background .2s ease-in-out,transform .1s ease-in-out}.option-group.range input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:var(--primary-color);transform:scale(1.1)}.option-group.range input[type=range]::-moz-range-thumb:active{cursor:grabbing;background:var(--primary-color);transform:scale(1.1)}.option-group.range input[type=range]::-webkit-slider-thumb:hover{background:var(--secondary-color)}.option-group.range input[type=range]::-moz-range-thumb:hover{background:var(--secondary-color)}.customization-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #cbd3e1}.panel-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid #cbd3e1;background:#fff;color:#555;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.panel-button:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.panel-button i{font-size:16px}#editor-customize{margin-right:auto}#customization-expand.hidden,#editor-customize.hidden,.customization-panel.hidden{display:none}#customization-defaults{background-color:#dc3545;color:#fff;border:none}.faqs-wrapper{padding:30px;border-top:1px solid var(--border-color)}@media (max-width:680px){.faqs-wrapper{padding:15px;border-radius:0;box-shadow:none;border:none}}.faqs-heading{font-weight:600;text-align:center;margin-bottom:2.5rem;color:var(--secondary-color)}.faq-item{border-bottom:1px solid #e9ecef;counter-increment:faq}.faq-item:last-child{border-bottom:none}.faq-question{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:1.5rem 0 1.5rem 3rem;cursor:pointer;list-style:none;font-size:1.125rem;font-weight:500;color:var(--secondary-color);transition:color .2s ease-in-out}.faq-question:hover{color:var(--primary-color)}.faq-number::before{content:counter(faq);position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;font-weight:600;font-size:1rem;background-color:var(--light-color);color:var(--dark-color);transition:background-color .3s ease,color .3s ease}.faq-item.is-open .faq-number::before{background-color:var(--primary-color);color:var(--light-color)}.faq-answer{color:#555;background-color:var(--light-color);line-height:1.6;font-size:1rem;box-shadow:inset 0 5px 5px -5px #ccc,inset 0 -5px 5px -5px #ccc;overflow:hidden;transition:max-height .4s ease-out,padding-top .4s ease-out,padding-bottom .4s ease-out;max-height:0;padding-left:3rem;padding-right:1.5rem;padding-top:0;padding-bottom:0}.faq-item.is-open .faq-answer{padding-top:1.5rem;padding-bottom:1.5rem;max-height:150px}.faq-icon{position:relative;width:1em;height:1em;margin-left:1rem;flex-shrink:0}.faq-icon::after,.faq-icon::before{content:'';position:absolute;background-color:var(--primary-color);transition:transform .3s ease-in-out}.faq-icon::before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.faq-icon::after{top:0;left:50%;width:2px;height:100%;transform:translateX(-50%)}.faq-item.is-open .faq-question{color:var(--primary-color)}.faq-item.is-open .faq-icon::after{transform:translateX(-50%) rotate(90deg)}.faq-item.is-open .faq-icon::before{transform:translateY(-50%) rotate(180deg)}