@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@100;200;300;400;500;600&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);*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f8f9fa;print-color-adjust:exact;-webkit-print-color-adjust:exact;font-family:Nunito,Inter,sans-serif;margin:0}body a{text-decoration:none;color:#2a73cc}.screen-reader-text{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;opacity:0;visibility:hidden}.main-content ul{text-align:justify}.main-content article ul li{line-height:1.8;list-style:none;margin-left:-15px}.main-content article ul li:before{font-family:tutsinsider;display:inline-block;content:"\e931";font-weight:900;margin-right:10px;margin-left:-22px;font-size:12px}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:#333;text-align:left}.page-title{margin:30px auto}.section{display:flex}.main-content-home{display:flex;flex-direction:column;width:100%;position:relative;overflow:hidden}.main-content{flex:75%;padding-top:0;border-radius:2px;z-index:100;position:relative}.main-content article{padding:30px;padding-top:10px;margin:30px 30px 30px 15px;background:#fff;text-align:justify;-webkit-box-shadow:0 0 1px 0 #ddd;-moz-box-shadow:0 0 1px 0 #ddd;box-shadow:0 0 1px 0 #666;border-radius:5px}.entry-content{margin-bottom:10px}.main-content h1{font-size:36px;margin-top:0;margin-bottom:50px;font-weight:600}.main-content h2{font-size:30px;margin-top:50px;margin-right:20px;margin-bottom:50px;font-weight:500}.main-content h2:before{content:'';display:block;height:40px;margin-top:-40px;visibility:hidden}.main-content h3{font-size:26px;margin-top:40px;margin-bottom:40px;font-weight:400}.main-content h4{font-size:22px;margin-top:30px;margin-bottom:30px;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:#2a73cc;text-decoration:underline}.main-content p a:hover,.main-content table a:hover,.main-content ul li a:hover{color:#00f}.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:14px;text-align:justify;margin:30px auto;border:1px solid #999;width:100%;border-collapse:collapse}.main-content table caption{background:#f8f9fa;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:#f8f9fa;color:#333}.main-content table tbody tr:hover{background:#f7f7f4}.main-content table tr td{padding:5px;padding-left:10px;padding-right:10px}.main-content table td{border:1px solid #ddd}@media screen and (max-width:680px){.main-content-home{display:flex}.main-content article{padding:15px;padding-top:10px;margin:0;border-radius:0}.main-content{margin: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{flex:25%}.section fa-sidebar,.section>input[type=checkbox]{display:none}@media screen and (max-width:980px){.section fa-sidebar,.section>input[type=checkbox]{display:none}}.sidebar-link-item{display:block;color:#333;transition:all .3s ease}.sidebar-link-item:hover{color:#2a73cc}.sidebar-left{margin:30px 15px 30px 0}.sidebar-posts-list-outer{border-bottom:1px solid #e5e7eb;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 0 0 16px;transition:background-color .2s ease}.sidebar-posts-title label{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:1rem;font-weight:600;color:#2a73cc;cursor:pointer}.sidebar-posts-title label::after{content:'\e909';font-family:tutsinsider;font-size:.8rem;color:#2a73cc;transform:rotate(90deg);transition:transform .3s cubic-bezier(.25, .1, .25, 1)}.sidebar-posts-title:hover{background-color:#f9fafb}.sidebar-posts-list-inner{max-height:0;overflow:hidden;padding-left:16px;transition:max-height .4s cubic-bezier(.25, .1, .25, 1)}.pagenav ul li a,.sidebar-posts-list-inner a{display:block;padding:5px 16px;font-size:.95rem;color:#4b5563;text-decoration:none;transition:background-color .2s ease,color .2s ease}.pagenav ul li a:hover,.sidebar-posts-list-inner a:hover{background-color:#2a73cc22;color:#111827}.sidebar-posts-list-inner .sidebar-posts-active{background-color:#2a73cc22;color:#2a73cc;font-weight:500}.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}.sidebar-pagelist ul{list-style:none;padding:0;margin:0}.sidebar-pagelist-title{cursor:pointer;position:relative;margin:0 0 0 16px;padding:10px 16px;font-size:1rem;font-weight:600;color:#374151;transition:background-color .2s ease}.pagenav ul{padding-left:16px;transition:max-height .4s cubic-bezier(.25, .1, .25, 1)}.pagenav ul li.current_page_item a{background-color:#2a73cc22;color:#2a73cc;border-color:#2a73cc;font-weight:500}.pagenav.active ul{max-height:1000px;padding-bottom:10px}.pagenav.active .sidebar-pagelist-title::after{transform:rotate(0)}@media (max-width:680px){.sidebar-posts-title{margin:0}}.validation-checkbox-value{display:inline-flex;float:right;margin-top:-40px;text-decoration:none}.validation-passed{color:#0ac80a}.validation-failed{color:#ef0e0e}.sidebar-left-ad-unit{margin:24px 16px;text-align:center}.footer{background-color:#153966;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 #2a73cc;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:#f8f9fa;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:color .3s ease}.footer-logo-icon{font-size:1.2em;color:#f8f9fa!important;transition:color .3s ease}.footer-title:hover,.footer-title:hover i{color:#2a73cc!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:#f8f9fa;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:#f8f9fa;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:#2a73cc}.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:#f8f9fa;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:#2a73cc;background:#f8f9fa;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:#2a73cc;color:#f8f9fa;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.footer-subscribe-form button[type=submit]:hover{background-color:#1e5291;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:#2a73cc}.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:#2a73cc;color:#f8f9fa;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:#2a73cc;color:#f8f9fa;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:#153966;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:#f8f9fa;color:#dc143c;padding-left:4px;padding-right:4px;border-radius:5px;font-size:105%}.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}.tidbit-blue,.tidbit-green,.tidbit-red{box-sizing:border-box;padding:10px;border-left:5px solid #000;margin:50px auto;border-radius:5px;-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)}.tidbit-body-blue,.tidbit-body-green,.tidbit-body-red{padding:10px}.main-content 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-heading:after,.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-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-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{box-sizing:border-box;padding:10px;margin:50px auto;border-radius:5px;background:#f8f9fa;border-left:5px solid #2a73cc;-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 p{margin:0 10px}.code-heading{background:#2a73cc;color:#fff}.code-file-name{padding:0 10px;margin:10px;margin-bottom:-10px;background:#999;color:#fff}.code-file-name:hover{background:#aaa}.code-body{padding:0 10px;tab-size:2;-moz-tab-size:2;-o-tab-size:2;overflow:auto;word-wrap:break-word;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;background:#2a73cc;color:#fff;font-size:16px;font-weight:500;text-decoration:none;text-transform:uppercase;border-radius:5px;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 #2a73cc33;-moz-box-shadow:0 0 0 5px #2a73cc33;box-shadow:0 0 0 5px #2a73cc33;transition:all .3s ease-in-out}h3.code-output-heading{background:#f8f9fa;color:#000;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:0}.code-output,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-output{margin:10px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}a.reference-link{background:#f8f9fa;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){.code-body{tab-size:1;-moz-tab-size:1;-o-tab-size:1}.code .tryit-btn,.single-tutorial .tutorial-btn{font-size:14px;margin-top:10px;margin-bottom:5px;margin-left:-5px}.code-output,h3.code-output-heading{font-size:20px}.code,.tidbit-blue,.tidbit-green,.tidbit-red{margin:20px auto}.code-body,.tidbit-body-blue,.tidbit-body-green,.tidbit-body-red{padding:10px;margin:5px}.main-content h3.code-heading,.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-output{margin:5px}.code-file-name{margin:5px 5px -5px 5px}}.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;margin-top:30px}.sidebar-left-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,#3b82f6,#9333ea);padding:2rem;margin:2rem 0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);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.adjacent{margin-top:-2rem}.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,#2a73cc)!important}.random-tools-container a:hover{background-color:#f0f4ff!important;color:var(--tool-color,#2a73cc)!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,#2a73cc),#fff 80%)!important}.random-tools-container a:focus::after{box-shadow:0 0 0 4px color-mix(in srgb,var(--tool-color,#2a73cc),#fff 50%)!important}}@media (max-width:680px){.random-tools-wrapper{flex-direction:column;padding:1.5rem;margin:1.5rem 0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:100%}.random-tools-wrapper.last.adjacent{margin-top:-1.5rem}.random-tools-wrapper::after{font-size:10rem}.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:#2a73cc}}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{margin-left:15px;margin-right:30px}.related-posts-heading{background:#333;color:#fff;padding:10px;border-radius:5px}.related-posts-heading i{margin-right:10px}.related-posts{list-style:none}.related-posts-item{margin-left:-40px}.related-posts-item-mobile{display:none}.related-posts-icon{color:#2a73cc;margin-right:5px}.related-posts .related-posts-link{text-decoration:none;background:#fff;color:#000;padding:5px;display:block;font-size:16px;margin-top:0;border-radius:5px;border:1px solid #eee;border-left:5px solid var(--color)}.related-posts .related-posts-link:hover{border-color:#bbb;border-left:6px solid #153966;color:#2a73cc;font-weight:400;transition:.2s ease-in-out}@media (max-width:680px){.related-posts-container{margin-top:-30px}.related-posts-item-mobile{display:inline}}