:root{--deprecated-item-color:#f2ab47;--removed-item-color:#d9534f}body{line-height:1.7}.site-header{display:grid;grid-template-columns:auto auto 1fr;gap:100px;position:relative;padding-left:30px;padding-right:30px;background:var(--primary-color);white-space:pre;text-wrap:nowrap;height:70px;z-index:198;align-items:stretch;justify-content:space-between;box-shadow:inset 0 -1px 3px 0 rgb(0 0 0 / .2)}.header-logo-title{display:flex;align-items:center}.header-widget{margin:auto 0;text-align:right}::-moz-selection{color:#fff;background:#ff0}::selection{color:#000;background:#8b9cff6c}.site-title{display:flex;align-items:center;justify-content:center;letter-spacing:1px;font-family:Poppins,Inter,sans-serif;font-weight:600;color:var(--light-color);font-size:34px}i.header-logo{font-size:30px;margin-right:10px;color:var(--light-color)}.site-description{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--secondary-color);text-shadow:1px 1px 1px #999,-1px -1px 1px #999}@media (max-width:980px){.site-header{display:flex}.header-logo-title{display:flex;justify-content:center}.header-widget{display:none}}@media (max-width:680px){.site-header{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 10px}a.site-title{display:flex;align-items:center;font-size:26px;margin:0;padding:10px}.header-widget{display:none}.header-logo{margin:0 auto;font-size:30px}}.primary-menu{background:var(--light-color);width:100%;z-index:190;position:-webkit-sticky;position:sticky;top:0;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;height:40px;box-shadow:0 0 5px 0 rgb(0 0 0 / .4)}.primary-menu nav{width:calc(100% - 50px);height:100%;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;position:relative;flex:1 1 auto;min-width:0}.primary-menu nav::after,.primary-menu nav::before{content:'';pointer-events:none;width:100px;height:100%;position:absolute;top:0;z-index:1;transition:opacity .3s ease;opacity:0}.primary-menu nav::before{background:linear-gradient(to right,var(--light-color),transparent);left:0}.primary-menu nav::after{background:linear-gradient(to left,var(--light-color),transparent);right:0}.primary-menu.show-shadow:not(.nav-start) nav::before{opacity:1}.primary-menu.show-shadow:not(.nav-end) nav::after{opacity:1}div.menu-primary-menu-container{height:100%;flex-grow:1;overflow:hidden;min-width:0;display:flex;align-items:center}.primary-menu nav ul{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;list-style-type:none;height:100%;margin:0;padding:0}.primary-menu nav>ul::-webkit-scrollbar{display:none}.scroll-left,.scroll-right{display:none;cursor:pointer;font-size:16px;align-items:center;padding:0 15px;height:100%;position:relative;z-index:10}.scroll-left::after{content:'';position:absolute;top:0;right:-100px;width:100px;height:100%;pointer-events:none;background:linear-gradient(to right,var(--light-color),transparent);z-index:-1}.scroll-right::after{content:'';position:absolute;top:0;left:-100px;width:100px;height:100%;pointer-events:none;background:linear-gradient(to left,var(--light-color),transparent);z-index:-1}.scroll-left:hover,.scroll-right:hover{color:var(--primary-color)}.primary-menu nav ul li a{color:#000;font-size:15px;padding:0 20px;height:100%;min-width:50px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.primary-menu .menu ul li a:hover,.primary-menu nav ul li a:hover{background:var(--primary-color-light)}.primary-menu .menu .current-menu-item a,.primary-menu .menu .current-page-ancestor,.primary-menu .menu .current_page_item{background:var(--primary-color-light)}.primary-menu .toggle-menu ul{display:table;width:25px}.primary-menu .toggle-menu ul li{width:100%;height:4px;background-color:#3949ab;margin-bottom:4px}.primary-menu .toggle-menu ul li:last-child{margin-bottom:-8px}.primary-menu-label{display:none}#primary-menu-input{display:none}@media (max-width:680px){.primary-menu{height:30px;padding:0}.primary-menu nav ul li a{padding:0 10px}}.ti-logo{color:var(--primary-color)}.ti-html{color:#e34f26}.ti-css{color:#264de4}.ti-javascript{color:#f7df1e}.ti-php{color:#8892be}.ti-wordpress{color:#21759b}.ti-python{color:#ffde57}.ti-jquery{color:#0769ad}.ti-bootstrap{color:#563d7c}.ti-sass{color:#bf4080}.ti-howto{color:var(--primary-color)}.ti-ajax{color:lime}.ti-less{color:#1d365d}.ti-r{color:#2366b8}.ti-rust{color:#000}.ti-font-awesome{color:#538dd7}.ti-vue{color:#42b883}.ti-react{color:#61dafb}.ti-java{color:#f29111}.ti-angular{color:#dd0031}.ti-kotlin{color:#6b57ff}.posthero{background:url(/wp-content/themes/tutsinsider/resources/images/hero-background.svg);display:flex;position:relative;flex-direction:row;align-items:center;-webkit-box-shadow:0 -2px 2px 0 inset rgb(0 0 0 / .4);-moz-box-shadow:0 -2px 2px 0 inset rgb(0 0 0 / .4);box-shadow:0 -2px 2px 0 inset rgb(0 0 0 / .4)}.posthero-ajax,.posthero-bootstrap,.posthero-css,.posthero-howto,.posthero-html,.posthero-javascript,.posthero-jquery,.posthero-json,.posthero-kotlin,.posthero-php,.posthero-python,.posthero-sass,.posthero-wordpress{min-height:400px}.hero-cat-sections{position:absolute;width:100%;height:100%;display:flex;align-items:center}.htmlhero-sec-1,.htmlhero-sec-2,.htmlhero-sec-3,.htmlhero-sec-4{display:flex;align-items:center;width:25%;height:100%;font-family:Goldman;font-size:220px;color:#fff;opacity:.2}.htmlhero-sec-1:before,.htmlhero-sec-2:before,.htmlhero-sec-3:before,.htmlhero-sec-4:before{display:block;margin:auto}.htmlhero-sec-1{background:#00f0f0}.htmlhero-sec-1:before{content:'H'}.htmlhero-sec-2{background:blue}.htmlhero-sec-2:before{content:'T'}.htmlhero-sec-3{background:lime}.htmlhero-sec-3:before{content:'M'}.htmlhero-sec-4{background:red}.htmlhero-sec-4:before{content:'L'}.csshero-sec-1,.csshero-sec-2,.csshero-sec-3{display:flex;align-items:center;width:33.33%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.csshero-sec-1:before,.csshero-sec-2:before,.csshero-sec-3:before{display:block;margin:auto}.csshero-sec-1{background:#00f0f0}.csshero-sec-1:before{content:'C'}.csshero-sec-2{background:blue}.csshero-sec-2:before{content:'S'}.csshero-sec-3{background:lime}.csshero-sec-3:before{content:'S'}.sasshero-sec-1,.sasshero-sec-2,.sasshero-sec-3,.sasshero-sec-4{display:flex;align-items:center;width:33.33%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.sasshero-sec-1:before,.sasshero-sec-2:before,.sasshero-sec-3:before,.sasshero-sec-4:before{display:block;margin:auto}.sasshero-sec-1{background:#00f0f0}.sasshero-sec-1:before{content:'S'}.sasshero-sec-2{background:blue}.sasshero-sec-2:before{content:'A'}.sasshero-sec-3{background:lime}.sasshero-sec-3:before{content:'S'}.sasshero-sec-4{background:red}.sasshero-sec-4:before{content:'S'}.javascripthero-sec-1,.javascripthero-sec-2{display:flex;align-items:center;width:50%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.javascripthero-sec-1:before,.javascripthero-sec-2:before{display:block;margin:auto}.javascripthero-sec-1{background:#00f0f0}.javascripthero-sec-1:before{content:'J'}.javascripthero-sec-2{background:blue}.javascripthero-sec-2:before{content:'S'}.phphero-sec-1,.phphero-sec-2,.phphero-sec-3{display:flex;align-items:center;width:33.33%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.phphero-sec-1:before,.phphero-sec-2:before,.phphero-sec-3:before{display:block;margin:auto}.phphero-sec-1{background:#00f0f0}.phphero-sec-1:before{content:'P'}.phphero-sec-2{background:blue}.phphero-sec-2:before{content:'H'}.phphero-sec-3{background:lime}.phphero-sec-3:before{content:'P'}.wordpresshero-sec-1,.wordpresshero-sec-2{display:flex;align-items:center;width:50%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.wordpresshero-sec-1:before,.wordpresshero-sec-2:before{display:block;margin:auto}.wordpresshero-sec-1{background:#00f0f0}.wordpresshero-sec-1:before{content:'W'}.wordpresshero-sec-2{background:blue}.wordpresshero-sec-2:before{content:'P'}.pythonhero-sec-1,.pythonhero-sec-2{display:flex;align-items:center;width:50%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.pythonhero-sec-1:before,.pythonhero-sec-2:before{display:block;margin:auto}.pythonhero-sec-1{background:#00f0f0}.pythonhero-sec-1:before{content:'P'}.pythonhero-sec-2{background:blue}.pythonhero-sec-2:before{content:'y'}.jqueryhero-sec-1,.jqueryhero-sec-2,.jqueryhero-sec-3,.jqueryhero-sec-4,.jqueryhero-sec-5,.jqueryhero-sec-6{display:flex;align-items:center;width:50%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.jqueryhero-sec-1:before,.jqueryhero-sec-2:before,.jqueryhero-sec-3:before,.jqueryhero-sec-4:before,.jqueryhero-sec-5:before,.jqueryhero-sec-6:before{display:block;margin:auto}.jqueryhero-sec-1{background:#00f0f0}.jqueryhero-sec-1:before{content:'j'}.jqueryhero-sec-2{background:blue}.jqueryhero-sec-2:before{content:'Q'}.jqueryhero-sec-3{background:lime}.jqueryhero-sec-3:before{content:'u'}.jqueryhero-sec-4{background:red}.jqueryhero-sec-4:before{content:'e'}.jqueryhero-sec-5{background:#494949}.jqueryhero-sec-5:before{content:'r'}.jqueryhero-sec-6{background:#7674fc}.jqueryhero-sec-6:before{content:'y'}.jsonhero-sec-1,.jsonhero-sec-2,.jsonhero-sec-3,.jsonhero-sec-4{display:flex;align-items:center;width:50%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.jsonhero-sec-1:before,.jsonhero-sec-2:before,.jsonhero-sec-3:before,.jsonhero-sec-4:before{display:block;margin:auto}.jsonhero-sec-1{background:#00f0f0}.jsonhero-sec-1:before{content:'J'}.jsonhero-sec-2{background:blue}.jsonhero-sec-2:before{content:'S'}.jsonhero-sec-3{background:lime}.jsonhero-sec-3:before{content:'O'}.jsonhero-sec-4{background:red}.jsonhero-sec-4:before{content:'N'}.ajaxhero-sec-1,.ajaxhero-sec-2,.ajaxhero-sec-3,.ajaxhero-sec-4{display:flex;align-items:center;width:33.33%;height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.ajaxhero-sec-1:before,.ajaxhero-sec-2:before,.ajaxhero-sec-3:before,.ajaxhero-sec-4:before{display:block;margin:auto}.ajaxhero-sec-1{background:#00f0f0}.ajaxhero-sec-1:before{content:'A'}.ajaxhero-sec-2{background:blue}.ajaxhero-sec-2:before{content:'J'}.ajaxhero-sec-3{background:lime}.ajaxhero-sec-3:before{content:'A'}.ajaxhero-sec-4{background:red}.ajaxhero-sec-4:before{content:'X'}.kotlinhero-sec-1,.kotlinhero-sec-2,.kotlinhero-sec-3,.kotlinhero-sec-4,.kotlinhero-sec-5,.kotlinhero-sec-6{display:flex;align-items:center;width:calc(100%/6);height:100%;font-family:Goldman,cursive;font-size:220px;color:#fff;opacity:.2}.kotlinhero-sec-1:before,.kotlinhero-sec-2:before,.kotlinhero-sec-3:before,.kotlinhero-sec-4:before,.kotlinhero-sec-5:before,.kotlinhero-sec-6:before{display:block;margin:auto}.kotlinhero-sec-1{background:#00f0f0}.kotlinhero-sec-1:before{content:'K'}.kotlinhero-sec-2{background:blue}.kotlinhero-sec-2:before{content:'O'}.kotlinhero-sec-3{background:lime}.kotlinhero-sec-3:before{content:'T'}.kotlinhero-sec-4{background:red}.kotlinhero-sec-4:before{content:'L'}.kotlinhero-sec-5{background:#494949}.kotlinhero-sec-5:before{content:'I'}.kotlinhero-sec-6{background:#7674fc}.kotlinhero-sec-6:before{content:'N'}.posthero-body{flex-direction:column;flex:7;padding:30px}.posthero-contents{background:inherit;padding:20px 20px 20px 0;margin:5px;flex:3}.posthero-page-title,.posthero-search-title{color:#000;display:block;width:100%;text-align:center;letter-spacing:5px;font-size:36px;text-shadow:1px 1px 2px #000,-1px -1px 2px #fff}.posthero-title,.posthero-title-mobile{color:#000;position:relative;font-size:36px}.posthero-title-substring{color:var(--primary-color);text-shadow:0 0 3px var(--primary-color)}.post-contents{display:none;padding:10px;position:relative;margin:0;background:#fff;border-radius:var(--border-radius);box-shadow:0 0 5px 0 #555}h3.post-contents-heading{margin:0;padding:10px;color:#000;font-weight:900}.post-contents ol{margin:0;padding:10px 10px;list-style:none;counter-reset:list-number}.post-contents ol li{font-size:15px;line-height:1.6;margin:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.post-contents ol li:before{counter-increment:list-number;content:counter(list-number);background:var(--primary-color);color:#fff;padding:1px 8px;text-align:center;border-radius:var(--border-radius);-webkit-box-shadow:0 0 2px 0 #999;-moz-box-shadow:0 0 2px 0 #999;box-shadow:0 0 2px 0 #999}.post-contents ol li a{color:#000;background:var(--light-color);display:block;width:100%;margin:5px 0;padding:5px 10px;margin-left:0;border-radius:var(--border-radius);-webkit-box-shadow:0 0 2px 0 #999;-moz-box-shadow:0 0 2px 0 #999;box-shadow:0 0 2px 0 #999}.post-contents ol li a:hover{color:var(--primary-color);background:#fff;transition:all .3s ease}@keyframes rotate{100%{transform:rotate(1turn)}}.post-contents{z-index:0;overflow:hidden}.post-contents::before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5);animation:rotate 10s linear infinite}.post-contents::after{content:"";position:absolute;z-index:-1;left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px);background:#fff;border-radius:var(--border-radius)}@media screen and (max-width:1100px){.post-contents{padding:10px}.post-contents ol{padding:10px}}@media screen and (max-width:980px){.posthero{flex-direction:column}.posthero-search-title{padding-bottom:30px}.posthero-css,.posthero-html,.posthero-javascript,.posthero-jquery,.posthero-json,.posthero-kotlin,.posthero-php,.posthero-python,.posthero-sass,.posthero-wordpress{min-height:300px;flex-direction:row}.htmlhero-sec-1,.htmlhero-sec-2,.htmlhero-sec-3,.htmlhero-sec-4{font-size:150px}.sasshero-sec-1,.sasshero-sec-2,.sasshero-sec-3,.sasshero-sec-4{font-size:150px}.csshero-sec-1,.csshero-sec-2,.csshero-sec-3{font-size:150px}.phphero-sec-1,.phphero-sec-2,.phphero-sec-3{font-size:150px}.wordpresshero-sec-1,.wordpresshero-sec-2{font-size:150px}.pythonhero-sec-1,.pythonhero-sec-2{font-size:150px}.jqueryhero-sec-1,.jqueryhero-sec-2,.jqueryhero-sec-3,.jqueryhero-sec-4,.jqueryhero-sec-5,.jqueryhero-sec-6{font-size:150px}.jsonhero-sec-1,.jsonhero-sec-2,.jsonhero-sec-3,.jsonhero-sec-4{font-size:150px}.kotlinhero-sec-1,.kotlinhero-sec-2,.kotlinhero-sec-3,.kotlinhero-sec-4,.kotlinhero-sec-5,.kotlinhero-sec-6{font-size:150px}.posthero-body{padding:0 30px}.posthero-contents{padding:0 0 30px 0;margin-bottom:20px}.posthero-title{font-size:36px}.posthero-page-title{font-size:36px}}@media screen and (max-width:680px){.posthero{flex-direction:column}.post-contents ol li{font-size:14px}.posthero-css,.posthero-html,.posthero-javascript,.posthero-jquery,.posthero-json,.posthero-kotlin,.posthero-php,.posthero-python,.posthero-sass,.posthero-wordpress{min-height:150px;flex-direction:row}.htmlhero-sec-1,.htmlhero-sec-2,.htmlhero-sec-3,.htmlhero-sec-4{font-size:80px}.csshero-sec-1,.csshero-sec-2,.csshero-sec-3{font-size:80px}.sasshero-sec-1,.sasshero-sec-2,.sasshero-sec-3,.sasshero-sec-4{font-size:80px}.phphero-sec-1,.phphero-sec-2,.phphero-sec-3{font-size:80px}.wordpresshero-sec-1,.wordpresshero-sec-2{font-size:80px}.pythonhero-sec-1,.pythonhero-sec-2{font-size:80px}.jqueryhero-sec-1,.jqueryhero-sec-2,.jqueryhero-sec-3,.jqueryhero-sec-4,.jqueryhero-sec-5,.jqueryhero-sec-6{font-size:80px}.jsonhero-sec-1,.jsonhero-sec-2,.jsonhero-sec-3,.jsonhero-sec-4{font-size:80px}.kotlinhero-sec-1,.kotlinhero-sec-2,.kotlinhero-sec-3,.kotlinhero-sec-4,.kotlinhero-sec-5,.kotlinhero-sec-6{font-size:80px}.posthero-body{padding:15px}.posthero-contents{padding:15px;padding-top:0;margin-bottom:30px;width:100%}.posthero-contents ol{padding:10px}.posthero-search>.posthero-search-title:after{display:none}.posthero-page-title,.posthero-search-title{letter-spacing:0;font-size:30px}.posthero-title{display:none}.posthero-title-mobile{display:block;font-size:30px}}.breadcrumbs{margin:5px 30px;display:inline-block;position:absolute;left:0;bottom:0}@media (max-width:680px){.breadcrumbs{margin:5px 15px}}.breadcrumbs ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumbs li{display:flex;align-items:center;font-size:.95rem}.breadcrumbs li:not(:last-child)::after{content:'/';margin:0 .75rem;color:var(--dark-color);font-size:.9rem;font-weight:900}.breadcrumbs a{color:#495057;text-decoration:none;font-weight:500;border-radius:6px;transition:color .2s ease-in-out,background-color .2s ease-in-out;padding:.25rem .5rem;margin:-.25rem -.5rem}.breadcrumbs a:hover{color:var(--primary-color)}.breadcrumbs .current-breadcrumbs-item,.breadcrumbs .current-breadcrumbs-item a{color:var(--primary-color);font-weight:700;cursor:default;text-wrap:nowrap}.breadcrumbs .current-breadcrumbs-item a{cursor:pointer}.info-table,.info-table tr td{border:none!important}.info-table{border-left:5px solid var(--primary-color)!important;box-shadow:0 0 10px 0 #e0e0e0;border-radius:10px}.info-table td:nth-child(3){width:2vw}.info-table td:first-child{font-weight:600}.try-link{outline:0;cursor:pointer;text-wrap:nowrap;background:var(--primary-color);color:#fff!important;padding:2px 20px;text-decoration:none!important;border-radius:3px;box-shadow:0 -2px 2px #cecfd1,0 -2px 2px #fefefe,inset 0 0 1px 0 #cecfd1;transition:all .2s ease;font-size:14px;text-shadow:0 1px #fff}.try-link:is(:hover,:active,:focus,.active){box-shadow:0 -2px 2px #333,0 -2px 2px #fefefe,inset 0 0 1px 0 #333;background:var(--primary-color);color:#fff}.full-width-container{background:#000;display:flex;padding:20px;background:#fff}@media screen and (max-width:680px){.full-width-container{padding:15px}}.f0f-content{margin:0 auto;background:#fff;padding:20px;text-align:center;-webkit-box-shadow:0 0 5px 2px rgb(0 0 0 / .1);-moz-box-shadow:0 0 5px 2px rgb(0 0 0 / .1);box-shadow:0 0 5px 2px rgb(0 0 0 / .1)}.f0f-heading{font-size:150px;text-align:center;font-family:Courgette}.f0f-title{font-size:30px;margin:20px}.f0f-body h1{font-size:36px;text-align:center}.search-none{font-size:5rem;display:block;text-align:center}.search-none-string{padding:30px;text-align:center}.tutorial-suggestions{padding:2.5rem;border-radius:16px;text-align:left;font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.suggestions-header{display:flex;align-items:center;font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:#1a237e;border-bottom:3px solid #b3e0ff;padding-bottom:1rem}.suggestions-header span{flex-grow:1}.suggesitons-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.suggestion-link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.4rem;font-size:1.05rem;font-weight:600;color:#0d47a1;background-color:#e3f2fd;border-radius:30px;text-decoration:none;transition:all .3s ease,transform .2s ease;box-shadow:0 3px 8px rgb(0 0 0 / .08);border:1px solid rgb(0 0 0 / .05)}.suggestion-link i{font-size:1.25rem;line-height:1}.suggestion-link:hover{background-color:#bbdefb;color:#1a237e;transform:translateY(-3px);box-shadow:0 6px 15px rgb(0 0 0 / .15);border-color:#90caf9}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:80px}@media (max-width:680px){.tools-grid{margin-top:50px}}.tool-card{display:flex;flex-direction:column;justify-content:space-evenly;background:#fff;border-radius:12px;border:1px solid #ddd;box-shadow:0 6px 15px rgb(0 0 0 / .1);padding:20px 24px 32px;transition:box-shadow .3s ease,transform .3s ease;min-height:180px}.tool-card:hover{box-shadow:0 10px 30px rgb(0 122 204 / .3);transform:translateY(-6px)}.tool-card .count{display:block;color:var(--primary-color);text-align:center}.tool-convert-icons{display:flex;flex-direction:column;align-items:center;font-weight:600;font-size:1.1rem;color:#333;margin-bottom:20px;gap:6px}.tool-convert-icons>span:first-child,.tool-convert-icons>span:last-child{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.2rem;color:#007acc}.tool-convert-icons>span:nth-child(2){font-weight:500;font-style:italic;font-size:1rem;color:#777;display:block;text-align:center;margin:8px 0}.tool-convert-icons i,.tool-single-icon i{font-size:2.4rem;text-shadow:1px 1px 1px #ccc}.tool-single-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:1.2rem;color:#007acc;margin-bottom:20px}.tool-single-icon div{text-transform:uppercase}.tool-name{font-weight:600;font-size:1.3rem;color:#444;text-align:center;margin-bottom:20px}.tool-btn{margin-top:auto;display:inline-block;background-color:#007acc;color:#fff;font-weight:700;text-align:center;padding:12px 0;border-radius:8px;text-decoration:none;font-size:1rem;box-shadow:0 4px 10px rgb(0 122 204 / .35);transition:background-color .3s ease,box-shadow .3s ease}.tool-btn:focus,.tool-btn:hover{background-color:#005ea3;box-shadow:0 6px 15px rgb(0 94 163 / .5);outline:0}.search-header{background:#fff;padding:30px;padding-bottom:10px;margin:0 -30px;margin-bottom:30px;position:-webkit-sticky;position:sticky;top:40px;z-index:100;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 5px 5px -2px rgb(0 0 0 / .1)}.search-header form{display:inline-flex;width:99%;position:relative;margin:0 auto}.search-header .form-input{padding:10px;border-radius:500px;outline:0;background:var(--light-color);width:100%;border:1px solid #fff0;transition:.1s;box-shadow:0 0 1px 0 #000}.search-header .form-input:focus,.search-header .form-input:hover{border:1px solid var(--primary-color);background:#fff;-webkit-box-shadow:0 0 3px 1px rgb(0 0 0 / .2);-moz-box-shadow:0 0 3px 1px rgb(0 0 0 / .2);box-shadow:0 0 3px 1px rgb(0 0 0 / .2)}.search-header .form-btn{outline:0;border:none;background:0 0;color:#3949ab;padding:10px;margin-left:-40px;cursor:pointer}.search-header .search-query{margin:10px 0 0 0}.search-term{background:var(--primary-color);padding:5px 10px;color:#fff;border-radius:var(--border-radius)}article.search-result{background:#fff;padding:0;text-align:justify;border-radius:var(--border-radius);padding-bottom:20px;-webkit-box-shadow:0 0 0 1px rgb(0 0 0 / .1);-moz-box-shadow:0 0 0 1px rgb(0 0 0 / .1);box-shadow:0 0 0 1px rgb(0 0 0 / .1)}article.search-result a{display:flex;flex-direction:column;gap:20px}article.search-result:has(.random-tools-wrapper){padding:0}.search-result:hover{-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / .2);-moz-box-shadow:0 0 5px 0 rgb(0 0 0 / .2);box-shadow:0 0 5px 0 rgb(0 0 0 / .2)}a h3.search-heading{display:block;font-size:20px;padding:20px 20px 0 20px;color:var(--primary-color);font-family:'Source Sans Pro',sans-serif;line-height:1.5;font-weight:500}a h3.search-heading:focus,a h3.search-heading:hover{text-decoration:underline}.search-permalink{color:#00b200;margin-top:-45px;padding:0 20px;font-size:14px}.search-description{padding:0 20px;line-height:1.5;color:#000;font-size:16px}.tools-grid .no-results-message{display:block;width:100%;font-size:2rem;text-align:center;padding:2rem}@media screen and (max-width:680px){.search-header{margin:0 -15px;padding:20px 10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:30px}.search-header .search-query{margin:10px 0;font-size:14px}.main-content article.search-result{background:#fff;padding:0;margin:0;padding-bottom:20px}article.search-result:has(.random-tools-wrapper){padding:0}a h3.search-heading{font-size:18px}.search-permalink{margin-top:-25px;font-size:14px}.search-description{font-size:16px}}.navigation-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 30px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;box-sizing:border-box}.nav-next-bottom,.nav-previous-bottom{display:flex;align-items:center;font-size:1rem;font-weight:500;color:var(--primary-color);transition:color .2s ease-in-out}.nav-next-bottom a,.nav-previous-bottom a{display:flex;flex-direction:column;text-decoration:none;color:inherit}.nav-previous-bottom a{align-items:flex-start}.nav-next-bottom a{align-items:flex-end}.nav-next-bottom a:hover,.nav-previous-bottom a:hover{color:var(--primary-color-hover)}.nav-bottom-prefix{font-size:.75rem;color:var(--dark-color);margin-bottom:.25rem}.nav-link-content{display:flex;align-items:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;padding:.25rem 0;border-radius:.25rem}@media (max-width:680px){.nav-link-content{display:none}.nav-bottom-prefix{font-size:1rem;display:flex;align-items:center;gap:5px}.nav-previous-bottom .nav-bottom-prefix::before{font-family:tutsinsider;content:'\e908';color:var(--primary-color);transition:transform .3s ease-in-out}.nav-next-bottom .nav-bottom-prefix::after{font-family:tutsinsider;content:'\e909';color:var(--primary-color);transition:transform .3s ease-in-out}.nav-previous-bottom .nav-bottom-prefix:hover::before{transform:translateX(-5px)}.nav-next-bottom .nav-bottom-prefix:hover::after{transform:translateX(5px)}}.nav-previous-bottom a:hover .nav-link-content{transform:translateX(5px)}.nav-next-bottom a:hover .nav-link-content{transform:translateX(-5px)}.nav-link-content i{font-size:1rem;line-height:1;transition:transform .3s ease-in-out}.nav-previous-bottom .nav-link-content i.ti-chevron-left{margin-right:.25rem}.nav-next-bottom .nav-link-content i.ti-chevron-right{margin-left:.25rem}.nav-previous-bottom a:hover .nav-link-content i.ti-chevron-left{transform:translateX(-3px)}.nav-next-bottom a:hover .nav-link-content i.ti-chevron-right{transform:translateX(3px)}@media (max-width:680px){.navigation-bottom{padding:1rem;overflow:hidden}}.navigation ul li:before{content:none}.navigation{display:flex;justify-content:center}.navigation ul{padding-left:0}.navigation li{display:inline}.content-footer .navigation li a,.content-footer .navigation li a:hover,.content-footer .navigation li.active a,.content-footer .navigation li.disabled{background:#fff;padding:10px 15px;border-radius:var(--border-radius);text-decoration:none;color:var(--primary-color);box-shadow:0 0 0 1px #0003;-webkit-box-shadow:0 0 0 1px #0003;-moz-box-shadow:0 0 0 px #0003}.content-footer .navigation li.active a,.content-footer .navigation ul li a:hover{background:var(--primary-color);color:#fff}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 rgb(0 0 0 / .5);-moz-box-shadow:0 0 5px 0 rgb(0 0 0 / .5);box-shadow:0 0 5px 0 rgb(0 0 0 / .5)}a.reference-link:active,a.reference-link:focus,a.reference-link:hover{background:#e9eaf8}@media screen and (max-width:680px){.big-table thead tr td:nth-child(n+2){display:none}.big-table{overflow-x:scroll}.big-table td,.big-table th{display:block}.big-table tr td:first-child{background:#3949ab22}.big-table td[data-th]:before{content:attr(data-th)}.big-table-with-headings{overflow-x:scroll}.big-table th,.big-table-with-headings td{display:block}.big-table-with-headings tr td:first-child{background:#3949ab22}}.img-responsive{width:100%;max-width:600px;height:auto;margin:20px auto;display:block}.main-content .link-button{display:block;width:fit-content;background:var(--primary-color);padding:5px 20px;color:#fff;text-decoration:none;margin:10px 0;font-weight:500;text-transform:uppercase;text-wrap:nowrap;border-radius:var(--border-radius);-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / .3);-moz-box-shadow:0 0 5px 0 rgb(0 0 0 / .3);box-shadow:0 0 5px 0 rgb(0 0 0 / .3)}.main-content .link-button:hover{color:#fff;background:var(--primary-color-hover)}.comparison{display:flex;align-items:flex-start;text-align:center;font-size:40px;font-family:'Source Sans Pro',sans-serif;font-weight:900;margin:30px 0}.left-comparison,.right-comparison{flex:40%;line-height:150px;color:#fff;box-shadow:0 0 3px 0 #333}.left-comparison{background:#ff997f;border-bottom:5px solid #ddd}.right-comparison{background:#4eee94;border-bottom:5px solid #ddd}.vs-comparison{line-height:150px;padding:0 10px;background:linear-gradient(to right,#ff997f 50%,#ff997f 50%,#4eee94 50%,#4eee94 100%);min-width:50px;margin:-20px;z-index:100;color:#fff;box-shadow:0 0 3px 0 #333;border-bottom:5px solid #ddd}@media screen and (max-width:980px){.comparison{font-size:30px}.left-comparison,.right-comparison{line-height:100px}.vs-comparison{line-height:100px}}@media screen and (max-width:680px){.comparison{font-size:24px}.left-comparison,.right-comparison{line-height:70px}.vs-comparison{line-height:70px}}.main-content a.post-loop-item{text-decoration:none;display:block;background:var(--light-color);padding:10px;color:#000;box-shadow:0 0 3px 0 #000}.main-content a.post-loop-item:hover{background:#eee;color:#000}.html-forms-form-elements tr td:first-child,.html-forms-form-elements tr td:nth-child(2){text-align:center}@media screen and (max-width:680px){.html-forms-form-elements tr td:first-child{display:none}.html-forms-form-elements tr td{display:block}}.deprecated-component:after{font-family:tutsinsider;content:'\e950';color:#b20000;border-radius:var(--border-radius);width:20px;margin:0 auto;padding:0 2px;text-align:center;display:block}.deprecated-component:before{content:'This item is Deprecated.';background:var(--light-color);font-size:14px;font-weight:100;display:block;position:absolute;padding:20px;transform:translatex(-25%);width:120px;height:50px;margin-top:-15%;visibility:hidden;opacity:0;max-height:0;max-width:0;color:#f20000;border-radius:var(--border-radius);border:5px solid #f20000;z-index:1000;-webkit-box-shadow:0 0 3px 0 #999;-moz-box-shadow:0 0 3px 0 #999;box-shadow:0 0 3px 0 #999;transition:max-width,max-height,.5s ease-in-out;animation:fadeout .5s ease-in-out}.deprecated-component-right:after{font-size:auto;display:inline-flex;margin-left:10px}.deprecated-component-right:before{display:inline-block;right:0;left:0;margin:0 auto;margin-top:-15%;transform:translatex(0)}.deprecated-component:hover:before{max-width:100%;max-height:100%;opacity:1;visibility:visible;transition:max-width,max-height,.5s ease-in-out;animation:fadein .5s ease-in-out}@keyframes fadein{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}@keyframes fadeout{100%{opacity:0;visibility:hidden}0%{opacity:1;visibility:visible}}@media screen and (max-width:980px){.deprecated-component-right:after{margin-left:5px}.deprecated-component-right:before{margin-top:-20%}}@media screen and (max-width:680px){.deprecated-component:after{width:100px;margin:0 auto}.deprecated-component:before{margin:0 auto;position:absolute;left:0;right:0;transform:translatex(0);transform:translatey(-100%)}.deprecated-component-right:after{margin-left:5px}.deprecated-component-right:before{transform:translatey(0);margin-top:-35%}}.color-group{background:#f4f4fb;display:flex;flex-wrap:wrap;margin-top:10px;margin-bottom:-10px}.single-color{border-radius:4px;flex:40%;display:block;text-align:center;padding-top:20px;padding-bottom:20px;margin:2px;box-sizing:border-box}.bg-pattern{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQoU2NkYGAwZmBgOMuAACA+CKCIMSIpADGRNaEYgKwQ3WQUjTCF6CYhWw2WAynEpgjmIpg7jUlSiM0TWK2GWUOUZ7ApxggeogIcABHJFtftKVfJAAAAAElFTkSuQmCC) repeat}.hero-right{margin-top:20px;display:flex;align-items:center}.formula-vertical{background:url(/wp-content/themes/tutsinsider/resources/images/hero-background.svg);text-transform:uppercase;text-shadow:0 0 2px #333;text-align:center;height:70%;margin-right:-6px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:30px;-webkit-box-shadow:-5px 0 5px -5px rgb(0 0 0 / .75);-moz-box-shadow:-5px 0 5px -5px rgb(0 0 0 / .75);box-shadow:-5px 0 5px -5px rgb(0 0 0 / .75);z-index:98}.formula-horizontal{flex:90%}.formula-1,.formula-2,.formula-3{display:flex;text-align:center;border-bottom-right-radius:10px;border-top-right-radius:10px;-webkit-box-shadow:0 0 5px 0 #000;-moz-box-shadow:0 0 5px 0 #000;box-shadow:0 0 5px 0 #000}.formula-1{margin:0 0 20px 0}.formula-2{margin:0 0 20px 0}.formula-3{margin:0}.fa-analyze,.fa-practice,.fa-study{color:#333;margin-right:10px}.formula-analyze,.formula-practice,.formula-study{margin:auto 0;padding:30px;font-size:28px;font-weight:900}.formula-study{flex:80%;background:linear-gradient(to right,var(--light-color) 0,var(--primary-color) 30%,#fff 30%)}.formula-analyze{flex:80%;background:linear-gradient(to right,var(--light-color) 0,var(--primary-color) 50%,#fff 50%)}.formula-practice{flex:80%;background:linear-gradient(to right,var(--light-color) 0,var(--primary-color) 100%)}.analyze-box,.practice-box,.study-box{background:var(--primary-color);color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:24px}@media screen and (max-width:980px){.formula-vertical{height:45%;font-size:24px}.formula-1,.formula-2,.formula-3{margin:15px 0}.fa-analyze,.fa-practice,.fa-study{display:none}.formula-analyze,.formula-practice,.formula-study{padding:10px 20px;font-size:24px}.analyze-box,.practice-box,.study-box{padding:5px;font-size:16px}}@media screen and (max-width:680px){.hero-right{margin-top:20px;display:flex;align-items:center}.formula-vertical{height:45%;font-size:20px}.formula-1,.formula-2,.formula-3{margin:10px 0}.fa-analyze,.fa-practice,.fa-study{display:inline}.formula-analyze,.formula-practice,.formula-study{padding:10px;font-size:20px}.analyze-box,.practice-box,.study-box{padding-right:5px;font-size:16px}}.deprecated-item,.js-deprecated,.removed-item{position:relative}.deprecated-item:after,.js-deprecated:after,.removed-item:after{font-family:tutsinsider;content:'\e950';margin-left:5px;padding:2px;color:#b20000}.deprecated-item:after{content:'\f071';color:var(--deprecated-item-color)}.removed-item:after{content:'\f05e';color:var(--removed-item-color)}.deprecated-item:before,.js-deprecated:before,.removed-item:before{font-family:'Noto sans',sans-serif;font-weight:100;font-size:12px;text-align:center;width:200px;opacity:0;visibility:hidden;padding:10px;color:#f20000;border-radius:var(--border-radius);border:2px solid #f20000;background:var(--light-color);position:absolute;display:block;left:50%;transform:translate(-50%,-110%);z-index:2;transition:all .2s ease-in-out;-webkit-box-shadow:0 0 3px 0 #333;-moz-box-shadow:0 0 3px 0 #333;box-shadow:0 0 3px 0 #333}.deprecated-item::before{content:'This item is Deprecated.';color:#333;border-color:var(--deprecated-item-color)}.deprecated-item[data-deprecated-item]::before{content:attr(data-deprecated-item);color:#333;border-color:var(--deprecated-item-color)}.removed-item:before{content:'This item is Removed.';color:#333;border-color:var(--removed-item-color)}.removed-item[data-removed-item]::before{content:attr(data-removed-item);color:#333;border-color:var(--removed-item-color)}.js-deprecated:before{content:'This JavaScript item is deprecated.'}.deprecated-item:hover:before,.js-deprecated:hover:before,.removed-item:hover:before{opacity:1;visibility:visible;transition:all .2s ease-in-out}.ordered-list-contents{list-style:none;counter-reset:list-number;margin:30px auto;margin-left:-20px}.ordered-list-contents li{line-height:1.5;margin:5px}.ordered-list-contents li:before{counter-increment:list-number;content:counter(list-number);background:#555;margin-right:10px;color:#fff;padding:1px 8px;text-align:center;border-radius:var(--border-radius);-webkit-box-shadow:0 0 2px 0 #999;-moz-box-shadow:0 0 2px 0 #999;box-shadow:0 0 2px 0 #999}.item-list-box{display:block;background:var(--light-color);padding-top:0;border-radius:var(--border-radius);border:1px solid #ddd;margin-top:50px}.main-content h3.item-list-box-heading{border-bottom:1px solid #ddd;padding:10px 25px;font-size:18px;margin:0}.item-list-box-heading i{margin-right:10px}.main-content .item-list-box-content{font-size:18px;margin:0;list-style:none;margin-left:20px;padding-top:10px;padding-bottom:10px}.main-content .item-list-box-content li:before{font-family:tutsinsider;display:inline-block;content:"\e95a";font-weight:900;margin-right:15px;transform:translatey(4px);font-size:22px;color:#aaa}.item-list-box-content li{position:relative;margin-left:-20px;line-height:30px}.item-list-box-content li:not(:last-child)::after{display:inline-block;content:'';width:2px;height:15px;background:#aaa;position:absolute;left:0;transform:translateX(10px) translateY(30px)}.tutorial-intro{background:rgb(217 255 208 / .5);padding:20px;margin-top:30px;border:1px solid #dee2e6;border-radius:10px;color:#0f172a}.tutorial-intro h2{margin-top:10px;color:#0f172a}.tutorial-intro .btn-intro{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;padding:10px 28px;border-radius:12px;text-decoration:none;color:#fff;margin-top:16px;background:#4caf50;font-weight:600;font-size:1.1rem;box-shadow:0 6px 12px rgb(76 175 80 / .3);transition:background .3s ease,box-shadow .3s ease,transform .2s ease;cursor:pointer;position:relative}.tutorial-intro .btn-intro i{margin-left:8px;display:inline-block;transition:transform .3s ease}.tutorial-intro .btn-intro:focus,.tutorial-intro .btn-intro:hover{box-shadow:0 6px 12px rgb(76 175 80 / .4);color:#fff}.tutorial-intro .btn-intro:focus i,.tutorial-intro .btn-intro:hover i{transform:translateX(6px)}article hr{border:none;height:1px;background-color:#eee;margin:2rem 0}.reference-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.reference-links>div{width:100%}.reference-links a{display:block;padding:2rem 0;text-align:center;background-color:var(--light-color);color:#333;font-size:1.2rem;text-decoration:none;border-radius:10px;transition:background-color .3s ease,color .3s ease;width:100%;border:1px solid #dfdfdf}.reference-links a:hover{background-color:var(--primary-color-light)}