:root{--color-primary: #04a7e8;--color-primary-dark: #04679e;--color-primary-darker: #365c84;--color-primary-darkest: #2d4968;--color-text: #ebebeb;--color-text-darker: #cacaca;--color-text-lighter: #fdfdfb;--color-dark: #040505;--color-accent: #e5d5c1;--color-accent-darker: #ccac84;--padding-primary: 2rem 3rem;--padding-top: 1rem 1.5rem;--padding-heading: 1rem;--padding-heading-2: 1rem;--padding-paragraph: 1rem 2rem 1rem 1rem;--padding-list: 1.5rem 2.5rem;--padding-ul-list: 0 1.5rem;--padding-method: 2rem 0;--padding-method-list: 0;--padding-method-li: 1rem 0;--padding-faq: 1rem 0 2rem;--margin-image: 1.5rem 0;--margin-pre: 1rem 0;--margin-pre: 1.5rem 0}@media only screen and (min-width: 768px){:root{--padding-primary: 2rem 3rem;--padding-top: 1rem 3rem 0;--padding-heading: 2rem 3rem;--padding-heading-2: 2rem 3rem;--padding-paragraph: 1rem 3rem;--padding-ul-list: .5rem 1rem 1.5rem 5.5rem;--padding-method-list: 0 3rem;--padding-method-li: .5rem 2rem;--padding-list: 1.5rem 4.5rem}}.affiliate-disclaimer{font-size:.9rem;margin:1rem 0;color:var(--color-text-darker)}#article-main{display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width: 992px){#article-main{flex-direction:row;justify-content:space-between}}@media only screen and (min-width: 728px){.article-container{min-width:728px}}.article-heading{background:var(--color-primary-darkest);padding:var(--padding-top)}.article-heading h1{font-size:30px;font-weight:700;padding:2rem 0;text-transform:capitalize}.author-topbox{display:grid;grid-template-columns:100px 1fr;padding:.5rem 1rem 1rem 0}.author-topbox img{width:80px;height:80px;border-radius:50%}.author-link{color:var(--color-accent);font-weight:700}.author-link:hover{color:var(--color-accent-darker)}.section-intro{padding-bottom:2rem;background-color:var(--color-primary-darkest)}.section-outro{padding:var(--padding-method);background-color:var(--color-primary-darkest)}.section-list{background-color:var(--color-primary-darkest)}.section-list ul{margin-bottom:0}.section-list ul li{list-style-type:square!important;margin:1rem 3rem!important}.section-list ol{margin-bottom:0;padding:0}.section-list hr{color:inherit;background-color:currentColor;opacity:.25;margin:0 3rem}.section-method{padding:var(--padding-method);background-color:var(--color-primary-darkest)}.section-method ol{padding-top:0!important;padding-bottom:0!important}.section-method ol li{padding:var(--padding-method-li)!important}.section-method img{margin:var(--margin-image)!important}.section-method__list{padding:var(--padding-method-list)}.section-method__list ul{padding:var(--padding-ul-list)!important}.section-method__list ul li{list-style-type:square!important;padding:0 1rem!important}.section-method__list p{padding:0!important}.section-method__list img{margin:var(--margin-image)}.section-method__list pre{margin:1rem 0;background-color:var(--color-primary-darkest)!important}.section-method code{margin:1rem 0!important;background-color:var(--color-primary-darkest)}.section-method hr{color:inherit;background-color:currentColor;opacity:.25;margin:0 3rem}.section-faq{padding:var(--padding-faq);background-color:var(--color-primary-darkest)}.section-faq pre{margin:var(--margin-pre)!important}.section-faq hr{color:inherit;background-color:currentColor;opacity:.25;margin:1.5rem 3rem 1rem}@media only screen and (min-width: 728px){.article-ad{width:300px}}.date-updated{margin-right:.5rem}.article-content{font-size:20px}.article-content p{padding:var(--padding-paragraph);margin:0;background:var(--color-primary-darkest)}.article-content a{color:var(--color-accent);text-underline-offset:.2rem}.article-content h2{margin-top:2rem;font-size:25px;padding:var(--padding-heading);font-weight:700;background:var(--color-primary-darker);margin-bottom:0;text-transform:capitalize}.article-content h3{background:var(--color-primary-darkest);color:var(--color-accent);padding:var(--padding-heading);padding-bottom:calc(var(--padding-heading) / 2);font-size:22px;font-weight:700;overflow:hidden;margin-bottom:0;text-transform:capitalize}.article-content h3:not(:first-of-type){border-top:none}.article-content h4{background:var(--color-primary-darkest);color:var(--color-white);padding:var(--padding-heading);padding-bottom:calc(var(--padding-heading) / 2);font-size:22px;font-weight:700;overflow:hidden;margin-bottom:0;text-transform:capitalize}.article-content h4:not(:first-of-type){border-top:none}.article-content ul{background:var(--color-primary-darkest);padding:var(--padding-ul-list);overflow:hidden;margin-bottom:0}.article-content ul li{list-style-type:square;margin:1rem 2rem}.article-content ul li a{text-underline-offset:.3rem}.article-content ol{background:var(--color-primary-darkest);padding:var(--padding-list);margin-bottom:0}.article-content ol li{padding:var(--padding-method-li)}.article-content ol li::marker{font-size:2rem;margin:0 0 5px;color:var(--color-primary)}.article-content ol li ul{padding-top:1rem;background:var(--color-primary-darkest)}.article-content ol li ul li{margin:0;padding:0}.article-content ol li p{background:var(--color-primary-darkest);padding:0}.article-content pre{margin:var(--margin-pre)!important}.article-content code{display:block;padding:1rem;background-color:#f6f8fa!important;border-radius:2px;border:1px solid #eaeaea;color:#1f2328!important;margin:1rem 0}.article-content code span.line span{color:#1f2328!important}.article-content img{display:block;margin:1.5rem 0;padding:3px;border-radius:3px;border:5px solid var(--color-accent-darker);max-width:100%}#table-of-contents a{color:var(--color-accent)}.youtube-panel .panel-heading{padding:0}.youtube-panel .panel-heading h3{font-size:20px;font-weight:700;padding:1rem;margin-bottom:0;text-transform:capitalize}.copy-code{position:absolute;top:0;right:0;background-color:var(--color-primary-darker);color:#fff;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.copy-code:hover{background-color:var(--color-primary-darkest)}#st-2.st-has-labels .st-btn.st-remove-label{background-color:var(--color-accent)!important}#st-2.st-has-labels .st-btn.st-remove-label>span{display:inline-flex!important;text-transform:uppercase!important;background-color:var(--color-accent)!important}