@charset "UTF-8";/*!Theme Name: CSS-Tricks v17
Theme URI: http://css-tricks.com/
Description: The Theme for CSS-Tricks
Author: Chris Coyier
Version: 17*/@media screen and (prefers-reduced-motion:reduce){*{transition:0s!important}}*,:after,:before{box-sizing:border-box}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0}body,html{margin:0}dl,menu,ol,ul{margin:0;list-style:none}dd{margin:0}menu,ol,ul{padding:0}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table){font-size:.75rem;border-collapse:collapse;border-spacing:0;width:100%;margin:0 0 1rem;table-layout:fixed}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) thead th{border:0}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) thead tr:first-child th:first-child{border-top-left-radius:8px}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) thead tr:first-child th:last-child{border-top-right-radius:8px}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) td,body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) th{padding:1rem}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) th{text-align:left;background:#333334;color:#fff}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr:nth-child(odd){background:#fff}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr:nth-child(2n){background:#f5f5f5}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr:first-child th{border-top:0}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr:last-child td{border-bottom:0}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr td:first-child,body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr th:first-child{border-left:0}body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr td:last-child,body:not(.page-template-page-search-results) table:not(.woocommerce-checkout-review-order-table) tr th:last-child{border-right:0}body:not(.page-template-page-search-results).overflow-table body:not(.page-template-page-search-results).overflow-table td{white-space:nowrap!important}body:not(.page-template-page-search-results) .overflow-table-wrap{overflow-x:scroll}body:not(.page-template-page-search-results) .overflow-table-wrap>table.overflow-table:not(.gsc-table-result):not(.gcsc-branding):not(.gsc-resultsHeader){width:auto!important;min-width:100%;table-layout:auto!important;margin:0}body:not(.page-template-page-search-results) .overflow-table-wrap>table.overflow-table:not(.gsc-table-result):not(.gcsc-branding):not(.gsc-resultsHeader) table{table-layout:auto!important;width:100%!important;margin:0}table.leave-alone{table-layout:auto!important}table.leave-alone tr{background:0 0!important}.resize-animation-stopper *{transition:none!important;-webkit-animation:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.on-light{background:#fff}.on-light,.on-light .article-content{color:#2e2f3e}.on-light a{color:#007db5}.on-light a:focus,.on-light a:hover{text-decoration:underline;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc}.header-breadcrumbs .on-light .breadcrumb_last,.header-breadcrumbs .on-light .breadcrumb_last a,.on-light .header-breadcrumbs .breadcrumb_last,.on-light .header-breadcrumbs .breadcrumb_last a,.on-light h1,.on-light h1 a,.on-light h2,.on-light h2 a,.on-light h3,.on-light h3 a,.on-light h4,.on-light h4 a,.on-light h5,.on-light h5 a,.on-light h6,.on-light h6 a{color:#14151f}.on-light pre{background:#001628}html{font-family:Sentinel SSm A,Sentinel SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1.2rem;font-weight:400;line-height:1.7}@media(max-width:1200px){html{font-size:1.1rem}}@media(max-width:800px){html{font-size:1rem}}a{color:#fff}a:not(.button):not(.comment-reply-link):not(.swiper-button-white):not(.jetpack-instant-search__jetpack-colophon-link):focus,a:not(.button):not(.comment-reply-link):not(.swiper-button-white):not(.jetpack-instant-search__jetpack-colophon-link):hover{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:none}.is-dark a:focus,.is-dark a:hover{color:#92dcfe}#wpadminbar a:hover{-webkit-text-fill-color:#fff}.header-breadcrumbs .breadcrumb_last,h1,h2,h3,h4,h5,h6{font-weight:900;margin:0 0 1.5rem;line-height:1}.header-breadcrumbs .breadcrumb_last a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;border:0;display:inline-block}.header-breadcrumbs .breadcrumb_last a:focus,.header-breadcrumbs .breadcrumb_last a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover,h4 a:focus,h4 a:hover,h5 a:focus,h5 a:hover,h6 a:focus,h6 a:hover{color:#03a9f4}.header-breadcrumbs .breadcrumb_last a:focus .shape-arrow-right,.header-breadcrumbs .breadcrumb_last a:hover .shape-arrow-right,h1 a:focus .shape-arrow-right,h1 a:hover .shape-arrow-right,h2 a:focus .shape-arrow-right,h2 a:hover .shape-arrow-right,h3 a:focus .shape-arrow-right,h3 a:hover .shape-arrow-right,h4 a:focus .shape-arrow-right,h4 a:hover .shape-arrow-right,h5 a:focus .shape-arrow-right,h5 a:hover .shape-arrow-right,h6 a:focus .shape-arrow-right,h6 a:hover .shape-arrow-right{transform:translateX(5px) rotate(-45deg)}.header-breadcrumbs .breadcrumb_last .shape-arrow-right,h1 .shape-arrow-right,h2 .shape-arrow-right,h3 .shape-arrow-right,h4 .shape-arrow-right,h5 .shape-arrow-right,h6 .shape-arrow-right{width:18px;height:18px;transition:.2s}@media(max-width:800px){.header-breadcrumbs .breadcrumb_last .shape-arrow-right,h1 .shape-arrow-right,h2 .shape-arrow-right,h3 .shape-arrow-right,h4 .shape-arrow-right,h5 .shape-arrow-right,h6 .shape-arrow-right{width:13px;height:13px}}.header-breadcrumbs .breadcrumb_last .shape-link,h1 .shape-link,h2 .shape-link,h3 .shape-link,h4 .shape-link,h5 .shape-link,h6 .shape-link{fill:#ccc;vertical-align:bottom;width:24px;height:24px;position:relative;top:1px}@media(max-width:800px){.header-breadcrumbs .breadcrumb_last .shape-link,h1 .shape-link,h2 .shape-link,h3 .shape-link,h4 .shape-link,h5 .shape-link,h6 .shape-link{width:20px;height:20px;top:3px;left:1px}}.h1,.header-breadcrumbs .breadcrumb_last,h1{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-size:2.5rem;font-weight:700}@media(max-width:1200px){.h1,.header-breadcrumbs .breadcrumb_last,h1{font-size:2.2rem}}@media(max-width:800px){.h1,.header-breadcrumbs .breadcrumb_last,h1{font-size:2rem}}.h2,h2{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-size:2rem;letter-spacing:-.03rem;font-weight:700}@media(max-width:1200px){.h2,h2{font-size:1.8rem}}@media(max-width:800px){.h2,h2{font-size:1.7rem}}.h3,h3{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-size:2rem;letter-spacing:-.03rem;font-weight:700}@media(max-width:1200px){.h3,h3{font-size:1.8rem}}@media(max-width:800px){.h3,h3{font-size:1.7rem}}body:not(.page-id-21059):not(.parent-pageid-3222):not(.postid-181375):not(.postid-199370):not(.woocommerce-checkout) .article-content .h3,body:not(.page-id-21059):not(.parent-pageid-3222):not(.postid-181375):not(.postid-199370):not(.woocommerce-checkout) .article-content h3{margin-top:100px}body:not(.page-id-21059):not(.parent-pageid-3222):not(.postid-181375):not(.postid-199370):not(.woocommerce-checkout) .article-content .h3 a,body:not(.page-id-21059):not(.parent-pageid-3222):not(.postid-181375):not(.postid-199370):not(.woocommerce-checkout) .article-content h3 a{color:#03a9f4}summary .h3,summary h3{display:inline-block}summary .h3 .aal_anchor,summary h3 .aal_anchor{transform:translateX(-1.3rem)}.aal_anchor{margin-left:-21px;margin-right:5px;position:relative;scroll-margin-top:100px}.aal_anchor:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.aal_anchor svg{position:relative}.aal_anchor:target:before{-webkit-animation:yellowflash-bg 2s;animation:yellowflash-bg 2s}@-webkit-keyframes yellowflash-bg{0%{background:#ff0}to{background:0 0}}.h4,h4{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;font-size:1.5rem;margin:0 0 .8rem}@media(max-width:1200px){.h4,h4{font-size:1.4rem}}@media(max-width:800px){.h4,h4{font-size:1.25rem}}.h5,h5{font-weight:800;margin:0 0 .5rem}.h5,h5,h6{font-size:1rem}h6{font-weight:400}.h4,.h5,.h6,h4,h5,h6{line-height:1.05}.subhead{font-size:75%;margin:0 0 .25rem;color:#939393}.header-tag{font-size:26px;color:#fff;text-transform:uppercase;font-weight:700;white-space:nowrap;border:3px solid #28242f;border-radius:2rem;padding:.3rem .85rem .35rem;vertical-align:middle}#tab-description dd,#tab-description li,#tab-description p,.article-content dd,.article-content li,.article-content p,.bbp-reply-content dd,.bbp-reply-content li,.bbp-reply-content p,.comment-content dd,.comment-content li,.comment-content p,.text dd,.text li,.text p{max-width:700px}#tab-description ol,#tab-description ul,.article-content ol,.article-content ul,.bbp-reply-content ol,.bbp-reply-content ul,.comment-content ol,.comment-content ul,.text ol,.text ul{margin:0 0 1.5rem 1.5rem}aside #tab-description ol,aside #tab-description ul,aside .article-content ol,aside .article-content ul,aside .bbp-reply-content ol,aside .bbp-reply-content ul,aside .comment-content ol,aside .comment-content ul,aside .text ol,aside .text ul{margin-left:1rem}#tab-description ol li,#tab-description ul li,.article-content ol li,.article-content ul li,.bbp-reply-content ol li,.bbp-reply-content ul li,.comment-content ol li,.comment-content ul li,.text ol li,.text ul li{text-indent:-1.1rem}#tab-description ol li>*,#tab-description ul li>*,.article-content ol li>*,.article-content ul li>*,.bbp-reply-content ol li>*,.bbp-reply-content ul li>*,.comment-content ol li>*,.comment-content ul li>*,.text ol li>*,.text ul li>*{text-indent:0}#tab-description ol li pre,#tab-description ul li pre,.article-content ol li pre,.article-content ul li pre,.bbp-reply-content ol li pre,.bbp-reply-content ul li pre,.comment-content ol li pre,.comment-content ul li pre,.text ol li pre,.text ul li pre{margin:.5rem 0}#tab-description ol ul,#tab-description ul,#tab-description ul ul,.article-content ol ul,.article-content ul,.article-content ul ul,.bbp-reply-content ol ul,.bbp-reply-content ul,.bbp-reply-content ul ul,.comment-content ol ul,.comment-content ul,.comment-content ul ul,.text ol ul,.text ul,.text ul ul{list-style:none}#tab-description ol ul li:before,#tab-description ul li:before,#tab-description ul ul li:before,.article-content ol ul li:before,.article-content ul li:before,.article-content ul ul li:before,.bbp-reply-content ol ul li:before,.bbp-reply-content ul li:before,.bbp-reply-content ul ul li:before,.comment-content ol ul li:before,.comment-content ul li:before,.comment-content ul ul li:before,.text ol ul li:before,.text ul li:before,.text ul ul li:before{content:"•";margin:0 .5rem 0 0;color:#ff8a00}#tab-description ol,#tab-description ol ol,#tab-description ul ol,.article-content ol,.article-content ol ol,.article-content ul ol,.bbp-reply-content ol,.bbp-reply-content ol ol,.bbp-reply-content ul ol,.comment-content ol,.comment-content ol ol,.comment-content ul ol,.text ol,.text ol ol,.text ul ol{list-style:none;counter-reset:my-awesome-counter}#tab-description ol>li,#tab-description ol ol>li,#tab-description ul ol>li,.article-content ol>li,.article-content ol ol>li,.article-content ul ol>li,.bbp-reply-content ol>li,.bbp-reply-content ol ol>li,.bbp-reply-content ul ol>li,.comment-content ol>li,.comment-content ol ol>li,.comment-content ul ol>li,.text ol>li,.text ol ol>li,.text ul ol>li{counter-increment:my-awesome-counter}#tab-description ol>li:before,#tab-description ol ol>li:before,#tab-description ul ol>li:before,.article-content ol>li:before,.article-content ol ol>li:before,.article-content ul ol>li:before,.bbp-reply-content ol>li:before,.bbp-reply-content ol ol>li:before,.bbp-reply-content ul ol>li:before,.comment-content ol>li:before,.comment-content ol ol>li:before,.comment-content ul ol>li:before,.text ol>li:before,.text ol ol>li:before,.text ul ol>li:before{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;content:counter(my-awesome-counter) ".";color:#ff8a00;font-weight:700;margin:0 .5rem 0 0}#tab-description ol ol,#tab-description ol ul,#tab-description ul ol,#tab-description ul ul,.article-content ol ol,.article-content ol ul,.article-content ul ol,.article-content ul ul,.bbp-reply-content ol ol,.bbp-reply-content ol ul,.bbp-reply-content ul ol,.bbp-reply-content ul ul,.comment-content ol ol,.comment-content ol ul,.comment-content ul ol,.comment-content ul ul,.text ol ol,.text ol ul,.text ul ol,.text ul ul{margin:5px 0 0 1rem}#tab-description li,.article-content li,.bbp-reply-content li,.comment-content li,.text li{margin:0 0 5px}#tab-description li p,.article-content li p,.bbp-reply-content li p,.comment-content li p,.text li p{margin:5px 0}#tab-description hr,.article-content hr,.bbp-reply-content hr,.comment-content hr,.text hr{background-image:linear-gradient(90deg,#ff8a00,#e52e71);border:0;display:block;width:100%;height:4px;border-radius:4px;margin:2rem 0}.site-section-title{text-align:center;padding:50px 0 5px}time{color:#7a7a8c}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:700}blockquote{font-size:1.1rem;letter-spacing:-.02rem;margin:0 0 1rem;padding:.25rem 0 .25rem 1.5rem;position:relative;font-style:italic}.article-content blockquote{quotes:"“" "”" "‘" "’"}.article-content blockquote>*{hanging-punctuation:first}.article-content blockquote>:first-child:before{content:open-quote;color:#e52e71}.article-content blockquote>:last-child:after{content:close-quote;color:#e52e71}blockquote p:last-child{margin:0}blockquote cite{display:block}blockquote,blockquote p{max-width:900px}body.single article p:first-of-type.explanation{display:block;font-style:normal}body.single article p:first-of-type.explanation:before{content:"<editor_intro>";margin:0 0 4px}body.single article p:first-of-type.explanation:after{content:"</editor_intro>";margin:6px 0 0}body.single article p:first-of-type.explanation:after,body.single article p:first-of-type.explanation:before{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace;display:block;text-transform:uppercase;color:#ccc;font-size:.6rem;letter-spacing:.05rem}.article-content div.explanation,.article-content p:not(:first-of-type).explanation{padding:.75rem 1rem .75rem 4rem;font-size:.8rem;position:relative;margin:0 0 1.5rem;border-left:1px solid #ff8a00;background:linear-gradient(90deg,#ff8a00,#fff);background-size:100% 1px;background-repeat:no-repeat;background-position:0 0}.article-content div.explanation:after,.article-content p:not(:first-of-type).explanation:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:25%;background:linear-gradient(90deg,#ff8a00,#fff)}.article-content div.explanation:before,.article-content p:not(:first-of-type).explanation:before{content:"Hey!";font-style:italic;font-weight:700;color:#ff8a00;position:absolute;top:.75rem;left:1rem}.article-content div.explanation :last-child,.article-content p:not(:first-of-type).explanation :last-child{margin-bottom:0}article div.explanation{margin:0 0 1rem}body.home .explanation{font-style:normal}dfn{font-style:italic}mark{background:#ff0;color:#000}.wp-block-buttons,figure,p,pre{margin:0 0 1.5rem}pre{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace;clear:both;color:#fff;background:rgba(32,28,41,.75);padding:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-ms-word-break:normal;word-break:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;position:relative;line-height:28px;border-radius:8px;min-width:100px;max-width:100%;overflow:hidden}pre[rel]:not([rel=""]):before{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;font-size:.5rem;content:attr(rel);color:#fff;position:absolute;top:-.2rem;right:.4rem;padding:0;color:#ff8a00!important}pre code{scrollbar-color:#666 #201c29;background:0 0;padding:15px 20px 12px 22px;white-space:pre;-webkit-overflow-scrolling:touch;display:block;overflow-x:scroll;max-width:100%;min-width:100px;font-size:16px;line-height:1.75}pre code::-webkit-scrollbar{width:.5em;height:.5em}pre code::-webkit-scrollbar-thumb{background:#666;border-radius:.5em;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}pre code::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,none 0,none)}code{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace}.line-highlight{position:absolute;left:0;right:0;line-height:inherit;padding:inherit 0;margin-top:16px;background:linear-gradient(90deg,rgba(255,235,59,.25) 50%,rgba(255,235,59,0));pointer-events:none;white-space:pre;mix-blend-mode:color-dodge}dd>code,dd>tt,li:not(.comment):not([data-category])>code,li:not(.comment):not([data-category])>tt,p>code,p>tt,td>code,td>tt{overflow-wrap:break-word;word-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1rem .3rem .2rem;border-radius:.2rem;background:#201b29}.on-light dd>code,.on-light dd>tt,.on-light li:not(.comment):not([data-category])>code,.on-light li:not(.comment):not([data-category])>tt,.on-light p>code,.on-light p>tt,.on-light td>code,.on-light td>tt{background:#fff6ea}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}hr.thick{border:0;height:5px;margin:4rem 0;background-image:linear-gradient(90deg,#ff8a00,#e52e71);border-radius:5px}hr.squiggle{border:0;height:5px;width:100%;background:url(images/squiggle.svg) repeat-x}.bold-underline-links a{white-space:nowrap;position:relative;font-weight:700}.bold-underline-links a:after{content:"";height:2px;background:linear-gradient(90deg,#ff8a00,#e52e71);width:100%;position:absolute;bottom:-2px;left:0;border-radius:2px}.white-underline-links a{position:relative;font-weight:700}.white-underline-links a:after{content:"";height:2px;background:#fff;width:100%;position:absolute;bottom:-2px;left:0;border-radius:2px}.white-underline-links a:focus,.white-underline-links a:hover{color:inherit!important;-webkit-text-fill-color:inherit!important}.white-underline-links a:focus:after,.white-underline-links a:hover:after{transform:translateY(1px)}.page-intro-p{color:#c2c2c2;max-width:600px}.page-intro-p cite{font-style:normal;text-decoration:none}.page-intro-p cite a{color:#f5f5f5}@media(max-width:800px){.page-intro-p{font-size:.9rem;width:90%}}blockquote.page-intro-p{padding:0}.footnotes{font-size:.8rem;color:#312d3c}.footnotes:before{content:"Footnotes";text-transform:uppercase;color:#939393;font-size:.7rem;letter-spacing:.1rem;display:block;margin:2rem 0 .5rem}.footnotes :target{-webkit-animation:yellowflash-bg 2s;animation:yellowflash-bg 2s}.reversefootnote{border:0;text-decoration:none!important}.reversefootnote:active,.reversefootnote:hover{-webkit-text-fill-color:initial!important}@keyframes yellowflash-bg{0%{background:#ff0}to{background:0 0}}.feature-comments.unbury,.feature-comments.unfeature{display:none}.feature-comments{cursor:pointer}.featured.feature-comments.feature{display:none}.featured.feature-comments.unfeature{display:inline}.buried.feature-comments.bury{display:none}.buried.feature-comments.unbury{display:inline}#the-comment-list tr.featured{background-color:#dfd}#the-comment-list tr.buried{opacity:.5}#bbpress-forums .featured-replies.unbury,#bbpress-forums .featured-replies.unfeature,.featured-replies.unbury,.featured-replies.unfeature{display:none}#bbpress-forums .featured-replies,.featured-replies{cursor:pointer}#bbpress-forums .featured.featured-replies.feature,.featured.featured-replies.feature{display:none}#bbpress-forums .featured.featured-replies.unfeature,.featured.featured-replies.unfeature{display:inline}#bbpress-forums .buried.featured-replies.bury,.buried.featured-replies.bury{display:none}#bbpress-forums .buried.featured-replies.unbury,.buried.featured-replies.unbury{display:inline}.post-type-reply #the-list tr.featured{background-color:#dfd}.post-type-reply #the-list tr.buried{opacity:.5}.group:after{content:"";display:table;clear:both}.screen-reader,.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}p:empty{display:none}#wpadminbar .ab-label{margin:0}.hide{display:none!important}.center,.has-text-align-center{text-align:center}.badge{background:rgba(255,138,0,.1);box-shadow:0 0 5px 1px rgba(255,138,0,.1);padding:.05rem .3rem;border-radius:4px}circle-text{display:none;text-transform:uppercase;position:absolute;font-size:.65rem;font-weight:700;color:#939393;letter-spacing:.1rem;top:5px;right:356px;z-index:-2;transform:rotate(-136deg)}circle-text:defined{display:block}@media(max-width:1200px){circle-text:defined{display:none}}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#5e7671;font-style:italic}.token.property,.token.punctuation,.token.tag{color:#72e0d1}.token.attr-name{color:#83ba52}.token.boolean,.token.number{color:#fc9463}.token.attr-value,.token.selector{color:#f5d67b}.token.entity,.token.operator,.token.url,.token.variable{color:#aa7ee1}.token.atrule,.token.keyword,.token.string{color:#83ba52}.token.important,.token.regex{color:#e90}.language-css,.language-javascript,.language-scss{color:#f5d67b}.add_to_cart_button,.button,.comment-reply-link,.jetpack-instant-search__scroll-button,.woocommerce-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce.woocommerce button.button,.wp-block-button__link,input.submit{background-image:linear-gradient(to top left,#ff8a00,#e52e71)!important;color:#fff!important;display:inline-block;font-family:inherit;font-weight:700;border:0;border-radius:8px!important;white-space:nowrap;padding:1rem 1.5rem;line-height:1.4;text-align:center;transition:.07s;position:relative;text-decoration:none!important}.add_to_cart_button.active,.add_to_cart_button:not(.disabled):focus,.add_to_cart_button:not(.disabled):hover,.button.active,.button:not(.disabled):focus,.button:not(.disabled):hover,.comment-reply-link.active,.comment-reply-link:not(.disabled):focus,.comment-reply-link:not(.disabled):hover,.jetpack-instant-search__scroll-button.active,.jetpack-instant-search__scroll-button:not(.disabled):focus,.jetpack-instant-search__scroll-button:not(.disabled):hover,.woocommerce-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.active,.woocommerce-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:not(.disabled):focus,.woocommerce-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:not(.disabled):hover,.woocommerce.woocommerce button.button.active,.woocommerce.woocommerce button.button:not(.disabled):focus,.woocommerce.woocommerce button.button:not(.disabled):hover,.wp-block-button__link.active,.wp-block-button__link:not(.disabled):focus,.wp-block-button__link:not(.disabled):hover,input.submit.active,input.submit:not(.disabled):focus,input.submit:not(.disabled):hover{background-image:linear-gradient(to top left,#ff8a00 30%,#e52e71)!important;transform:translateY(1px);text-decoration:none;-webkit-background-clip:border-box!important;-webkit-text-fill-color:#fff!important}.add_to_cart_button:not(.disabled):active,.button:not(.disabled):active,.comment-reply-link:not(.disabled):active,.jetpack-instant-search__scroll-button:not(.disabled):active,.woocommerce-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:not(.disabled):active,.woocommerce.woocommerce button.button:not(.disabled):active,.wp-block-button__link:not(.disabled):active,input.submit:not(.disabled):active{transform:translateY(2px)}.button-small{padding:.4rem 1.5rem!important}.button-full-width{display:block;width:100%;text-align:center;margin:0 0 .5rem}.show-all-comments-button{display:block;margin:5rem auto;width:100%}.button-outline{background:0 0!important;color:#a4a4a4!important;border:3px solid #312d3c}.button-outline:not(.disabled):focus,.button-outline:not(.disabled):hover{background:0 0!important;color:#fff!important;border-color:#fff}.button-solid-dark{background:#201c29}.button-invisible{border:0;background:0;padding:0}.gradient-link-button{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:700}.gradient-link-button:focus,.gradient-link-button:hover{text-decoration:underline;-webkit-text-decoration-color:#7a7a8c;text-decoration-color:#7a7a8c}.preview-buttons{margin-top:1rem}.commentPreviewButton{color:#fff!important;padding-bottom:.5rem;border-bottom:3px solid transparent}.commentPreviewButton.active{border-color:#fff}#writeCommentButton{margin-right:.5rem}fieldset,input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace;outline:0;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px}button{font-family:inherit}textarea{width:100%;display:block}.fullwidth,fieldset{width:100%;margin-bottom:10px}.edit-account input[type=email],.edit-account input[type=password],.edit-account input[type=search],.edit-account input[type=text],.edit-account input[type=url],.edit-account label,.edit-account textarea,.full-width-form input[type=email],.full-width-form input[type=password],.full-width-form input[type=search],.full-width-form input[type=text],.full-width-form input[type=url],.full-width-form label,.full-width-form textarea,.lost_reset_password input[type=email],.lost_reset_password input[type=password],.lost_reset_password input[type=search],.lost_reset_password input[type=text],.lost_reset_password input[type=url],.lost_reset_password label,.lost_reset_password textarea,.woocommerce-form input[type=email],.woocommerce-form input[type=password],.woocommerce-form input[type=search],.woocommerce-form input[type=text],.woocommerce-form input[type=url],.woocommerce-form label,.woocommerce-form textarea{display:block;width:100%}.wp-polls-ul{list-style:none;margin:0 0 1rem}.wp-polls-ul input[type=radio]{position:relative;top:-3px;margin-right:5px}.pollbar{height:10px;background:#ff8a00}.custom-select{display:block;font-size:16px;font-family:sans-serif;font-weight:700;color:#fff;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;margin:0;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2aWV3Qm94PScwIDAgMTMgMjQnPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0nYScgeDE9JzkuMzEnIHkxPScxMi4xMycgeDI9JzkuOTEnIHkyPScxNC44OScgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgwLCAxLCAxLCAwLCAtNi41LCA1LjUpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZmY4YTAwJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjZGExYjYwJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J2InIHgxPSctNC4yNCcgeTE9JzEyLjkzJyB4Mj0nLTMuNDcnIHkyPScxMy4xNScgeGxpbms6aHJlZj0nI2EnLz48bGluZWFyR3JhZGllbnQgaWQ9J2MnIHgxPScxMi40OCcgeTE9JzEzLjA3JyB4Mj0nMTcuMDEnIHkyPScxMy43MycgeGxpbms6aHJlZj0nI2EnLz48L2RlZnM+PHRpdGxlPkFzc2V0IDQ8L3RpdGxlPjxwYXRoIGQ9J002LjUsN1YyMycgZmlsbD0nbm9uZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZT0ndXJsKCNhKScvPjxwYXRoIGQ9J002LjUsMVYyJyBmaWxsPSdub25lJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSd1cmwoI2IpJy8+PHBhdGggZD0nTTEyLDE3LjUsNi41LDIzLDEsMTcuNScgZmlsbD0nbm9uZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZT0ndXJsKCNjKScvPjwvc3ZnPg==);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.custom-select::-ms-expand{display:none}.custom-select:focus,.custom-select:hover{border-color:#7a7a8c;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;outline:none}.custom-select option{font-weight:400;color:#100e17}html{--maxWidth:1284px;scrollbar-color:#666 #201c29;background:#100e17;color:#fff;overflow-x:hidden}html::-webkit-scrollbar{width:30px;height:30px}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8a00,#e52e71);border-radius:30px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}html::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#100e17 0,#100e17)}#top-of-site-pixel-anchor{position:absolute;width:1px;height:1px;top:500px;left:0}@media(max-width:800px){#top-of-site-pixel-anchor{top:46px}}.footer-colophon,.footer-jobs,.footer-newsletter-inside,.guide-wrap,.header-breadcrumbs-inside,.header-gradient-content-inside,.header-guides-inside,.page-header,.related-ads-comments{max-width:var(--maxWidth);margin:0 auto}.all-site-wrap{position:relative}.page-wrap{padding:1rem}@media(max-width:800px){.page-wrap{padding:.5rem}}.page-wrap-max-width{max-width:var(--maxWidth);margin:0 auto}.pagination{display:flex;justify-content:center;margin:0 0 120px}.pagination a{width:200px;text-align:center;display:inline-block;padding:0 1rem;margin:0 .5rem}.articles-and-rail{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:5.33rem}@media(max-width:1200px){.articles-and-rail{grid-gap:4rem}}@media(max-width:800px){.articles-and-rail{display:block}}.articles-and-rail .sidebar{margin:0}.sidebar{margin-top:2rem;margin-left:-15px}@media(max-width:800px){.sidebar{display:none}}.util-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem}@media(max-width:800px){.util-grid-3{display:block}.util-grid-3>*{margin-bottom:1rem}}.wp-block-columns{display:flex;gap:2rem}.wp-block-columns .wp-block-column{flex:1000px;min-width:0}@media(max-width:800px){.wp-block-columns{display:block}.wp-block-columns .wp-block-column{margin:1.5rem 0}}.ais-hits--item,.module{clear:both;margin:0 0 1rem;position:relative}aside .ais-hits--item,aside .module{font-size:.66rem}.ais-hits--item>:last-child,.ais-hits--item>:last-child>:last-child,.module>:last-child,.module>:last-child>:last-child{margin-bottom:0}.ais-hits--item .attachment-post-thumbnail,.module .attachment-post-thumbnail{width:100%;display:block}.ais-hits--item .module-content,.module .module-content{padding:2rem;font-size:.9rem}.ais-hits--item .module-content .byline,.module .module-content .byline{clear:both;text-transform:uppercase;background:rgba(0,0,0,.05);font-size:.7rem;color:#999;letter-spacing:1px;margin:1rem -2rem;display:block;padding:.5rem 2rem}.ais-hits--item .module-content .byline a,.module .module-content .byline a{font-weight:700;white-space:nowrap}.site-header{position:relative;z-index:1000;display:flex;background:#100e17;border-bottom:1px solid #201c29;-webkit-animation:none;animation:none}.site-header .logo{transition:0s;flex:0;position:relative;align-self:stretch;display:flex;align-items:center}.site-header .logo>a{display:flex;align-items:center;padding:1rem 2rem}.site-header .icon-logo-star{width:34px;height:38px;margin:0 .5rem 0 0;fill:#ff8a00;transition:transform 1.4s ease-out;transform:rotate(2turn)}.site-header .icon-logo-text{fill:#fff;height:25px;width:199px}.site-header .header-middle-area{flex:1}.site-header .main-nav{height:100%}.site-header .main-nav .mobile-nav-button,.site-header .main-nav .mobile-other-nav,.site-header .main-nav .mobile-social,.site-header .main-nav hr{display:none}.site-header .main-nav .main-sections{display:flex;height:100%}.site-header .main-nav .main-sections>li{flex:1}.site-header .main-nav .main-sections>li>a{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;font-size:.7rem;height:100%;color:#fff;padding:1rem .5rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid #201c29;transition:.1s}.site-header .main-nav .main-sections>li>a:focus,.site-header .main-nav .main-sections>li>a:hover{-webkit-text-fill-color:#fff;background:#312d3c}.site-header .main-nav .main-sections>li>a svg{display:block;margin:0 0 .25rem}.site-header .main-nav .main-sections>li:first-child a{border-left:1px solid #201c29}.site-header .main-nav>ul>li.books body.post-type-archive-chapters>a:before,body.page-template-new-archive-php .site-header .main-nav>ul>li.articles>a:before,body.page-template-page-almanac-group-php .site-header .main-nav>ul>li.almanac>a:before,body.page-template-page-almanac-single-php .site-header .main-nav>ul>li.almanac>a:before,body.page-template-page-newsletters .site-header .main-nav>ul>li.newsletter>a:before,body.page-template-video-archive-php .site-header .main-nav>ul>li.videos>a:before,body.page-template-video-single-php .site-header .main-nav>ul>li.videos>a:before,body.post-type-archive-guides .site-header .main-nav>ul>li.guides>a:before,body.single-chapters .site-header .main-nav>ul>li.books>a:before{background-image:linear-gradient(270deg,#ff8a00,#e52e71);content:"";position:absolute;top:0;left:0;width:100%;height:5px}.site-header .mobile-actions{display:none;margin-left:auto;background:#100e17;border-left:1px solid #201c29;border-bottom:1px solid #201c29;border-top-left-radius:30px;border-bottom-left-radius:30px}.site-header .mobile-actions.nav-is-open .mobile-nav-button{background:linear-gradient(90deg,#ff8a00,#e52e71)}.site-header .mobile-actions.nav-is-open .icon-close{display:block}.site-header .mobile-actions.nav-is-open .icon-burger{display:none}.site-header .mobile-actions>button{outline:0}.site-header .mobile-actions .icon-burger{fill:#fff;width:20px;height:100%}.site-header .mobile-actions .icon-search,.site-header .mobile-actions .icon-search-close{width:20px;height:100%}.site-header .mobile-actions .icon-close{display:none;width:20px;height:100%;fill:#fff}.site-header .mobile-actions .mobile-nav-button{padding:0 1rem;background:0 0;border:0;border-left:1px solid #201c29}.site-header .mobile-actions .search-opener{padding:0 1rem 0 1.3rem;height:100%;border:0;background:0 0}.site-header .mobile-actions .search-opener .icon-search{top:auto}@media(max-width:1250px){.site-header .icon-logo-star{width:20px;height:22px}.site-header .icon-logo-text{height:15px;width:116px}.site-header .mobile-actions{display:flex}.site-header .mobile-actions .icon-search{transform:none;position:relative}.site-header .mobile-nav-button{display:none}.site-header .main-nav .main-sections li.account a{border-right:0}.site-header .search{opacity:0;visibility:hidden;position:absolute;left:0;top:100%;background:#000;width:100%;padding:1rem!important}.site-header .search.open{opacity:1;visibility:visible;z-index:2}}@media(max-width:855px){.site-header .logo{transform:scale(1)!important}.site-header .logo a{padding:1rem 2rem}.site-header .main-nav{scrollbar-color:#666 #201c29;overflow:auto;opacity:0;visibility:hidden;transition:.2s;position:absolute;top:100%;left:0;background:#100e17;z-index:1;width:100%;height:calc(100vh - 60px)}.site-header .main-nav::-webkit-scrollbar{width:8px;height:8px}.site-header .main-nav::-webkit-scrollbar-thumb{background:#312d3c;border-radius:8px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.site-header .main-nav::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,transparent 0,transparent)}.site-header .main-nav hr{display:block}.site-header .main-nav.open{opacity:1;visibility:visible}.site-header .main-nav .mobile-other-nav,.site-header .main-nav .mobile-social{display:block}.site-header .main-nav .main-sections{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;padding:1rem;height:auto}.site-header .main-nav .main-sections>li>a{width:100%;border:0;font-size:1.2rem;padding:.25rem 1rem!important;display:flex;flex-direction:row;justify-content:flex-start}.site-header .main-nav .main-sections>li>a svg{margin-right:1rem}.site-header .main-nav .main-sections>li>a:before{display:none}.site-header .main-nav .mobile-other-nav{display:grid;grid-template-columns:1fr 1fr;align-self:self-start;padding:1rem}.site-header .main-nav .mobile-other-nav>a{display:block;text-align:center;padding:.25rem;color:#c2c2c2}.site-header .main-nav .mobile-other-nav>a:focus,.site-header .main-nav .mobile-other-nav>a:hover{color:#e52e71}.site-header .main-nav .mobile-social{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #201c29;border-bottom:1px solid #201c29}.site-header .main-nav .mobile-social>a{display:grid;place-items:center center;border-left:1px solid #201c29;padding:2rem 0}.site-header .main-nav .mobile-social>a>svg{width:20px;height:20px;fill:url(#orange-to-pink)}.site-header .main-nav .mobile-social>a:focus,.site-header .main-nav .mobile-social>a:hover{background:#201c29}.site-header .mobile-nav-button{display:block}}.page-header-top-nav .search,.site-header .search{padding:0 1rem;flex:1;display:grid;place-items:center}.page-header-top-nav .search>*,.site-header .search>*{width:100%}.page-header-top-nav .search-form,.site-header .search-form{border-radius:28px;display:flex;border:2px solid #312d3c}.page-header-top-nav .search-form input[type=search],.site-header .search-form input[type=search]{background:#201c29;border:0;min-width:0;flex:1;color:#fff;padding:.5rem 1rem;border-top-left-radius:27px;border-bottom-left-radius:27px;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-appearance:unset}.page-header-top-nav .search-form:focus-within,.site-header .search-form:focus-within{border-color:#fff}.page-header-top-nav .button-search,.site-header .button-search{border:0;border-top-right-radius:27px;border-bottom-right-radius:27px;border-top-left-radius:8px;border-bottom-left-radius:8px;background-image:linear-gradient(90deg,#ff8a00,#e52e71);padding:0 22px 0 18px}.page-header-top-nav .icon-search,.site-header .icon-search{fill:#fff}.page-header-top-nav .icon-search-close,.site-header .icon-search-close{fill:#fff;display:none}.site-header .search{flex:0 0 400px}.search-is-open .icon-search{display:none}.search-is-open .icon-search-close{display:block}.sidebar .csw-widget{margin:0 0 2rem}.sidebar .csw-widget #searchform,.sidebar .csw-widget .jetpack-search-filters-widget__sub-heading{display:none}.sidebar .csw-widget .jetpack-search-sort-wrapper{margin:0 0 1rem}.footer-jobs-header{margin-right:3rem;display:flex;flex-direction:column}.footer-jobs-header p{color:#7a7a8c;font-size:16px;margin-bottom:1rem;margin-top:.5rem}.footer-jobs-header .button:first-of-type{margin-top:auto}.footer-jobs-wrapper{background:#100e17;padding:2rem}@media(max-width:800px){.footer-jobs-wrapper{padding:1rem}}.footer-jobs{padding:2rem 0 1rem;display:flex}.footer-jobs .job-list>li>a{display:block;height:100%;width:100%;font-size:16px;background:#201c29;color:#a1a1af;box-shadow:0 0 2rem #000;padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;transition:.2s}.footer-jobs .job-list>li>a strong{color:#fff}.footer-jobs .job-list>li>a .icon-pin{width:18px;height:18px;fill:#fff}.footer-jobs .job-list>li>a .job-info{margin-bottom:1rem}.footer-jobs .job-list>li>a address{margin-top:auto}.footer-jobs .job-list>li>a:focus,.footer-jobs .job-list>li>a:hover{transform:translateY(-5px);background:#201c29!important;color:#fff;-webkit-text-fill-color:#fff!important}.footer-jobs .job-list>li>a:focus .icon-pin,.footer-jobs .job-list>li>a:hover .icon-pin{fill:url(#orange-to-pink)}@media(min-width:1200px){.footer-jobs .job-list{flex:1;display:grid;grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.footer-jobs .job-list .mini-card{box-shadow:0 0 2rem #000}}@media(max-width:1200px){.footer-jobs{scrollbar-color:#666 #201c29;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-scroll-snap-points-x:repeat(200px);scroll-snap-points-x:repeat(200px);-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory}.footer-jobs::-webkit-scrollbar{width:15px;height:15px}.footer-jobs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e52e71,#ff8a00);border-radius:15px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.footer-jobs::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}.footer-jobs .footer-jobs-header{margin-right:4rem}.footer-jobs .job-list{display:flex}.footer-jobs .job-list>li>a{scroll-snap-align:start;width:200px}.footer-jobs .job-list>li>a:not(.first-child){margin-left:-20px}.footer-jobs .job-list>li{transition:.2s}.footer-jobs .job-list>li:hover{transform:translateY(-5px)}.footer-jobs .job-list>li:hover~li{transform:translateX(20px)}}.footer-newsletter{background:#100e17;text-align:center}.footer-newsletter p{color:#b1b1b1;margin:0 auto 1rem}.footer-newsletter-inside{padding:2rem 2rem 8rem}@media(max-width:800px){.footer-newsletter-inside{padding-left:1rem;padding-right:1rem}}#mc-embedded-subscribe-form{display:inline-flex}#mc-embedded-subscribe-form .mailchimp-email-input{margin:0 .5rem 0 0;border-radius:8px;width:350px}@media(max-width:800px){#footer-form-wrap .mailchimp-email-input{width:100%;margin:0 .5rem;padding:1rem;border-radius:8px}}.social-links{margin-top:3rem;display:flex;justify-content:center}.social-links>a{padding:.25rem 2rem;transition:.2s;color:#7a7a8c;position:relative}.social-links>a strong{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:block}.social-links>a:focus,.social-links>a:focus strong,.social-links>a:hover,.social-links>a:hover strong{color:#fff;-webkit-text-fill-color:#fff}.social-links>a:focus span,.social-links>a:hover span{opacity:0}.social-links>a:focus:after,.social-links>a:hover:after{opacity:1;transform:translate(-50%);-webkit-text-fill-color:#fff}.social-links>a:after{content:"";white-space:nowrap;opacity:0;position:absolute;bottom:.25rem;left:50%;transition:.25s;transform:translate(-50%,20px)}.social-links>a.social-link-facebook:focus:after,.social-links>a.social-link-facebook:hover:after{content:"Like"}.social-links>a.social-link-twitter:focus:after,.social-links>a.social-link-twitter:hover:after{content:"Follow"}.social-links>a.social-link-youtube:focus:after,.social-links>a.social-link-youtube:hover:after{content:"Subscribe"}.social-links>a.social-link-instagram:focus:after,.social-links>a.social-link-instagram:hover:after{content:"Follow"}.social-links>a.social-link-rss:focus:after,.social-links>a.social-link-rss:hover:after{content:"Get URL"}@media(max-width:800px){.social-links{display:none}}.footer-colophon-wrapper{background:#100e17}.footer-colophon{padding:2rem 2rem 6rem;display:flex;color:#b1b1b1}.footer-colophon h4{color:#fff;width:100%}.footer-colophon>div{max-width:700px;margin-right:auto}.footer-colophon>nav{max-width:300px;display:flex;flex-wrap:wrap;margin-left:2rem}.footer-colophon>nav>a{width:50%;color:#b1b1b1}.footer-colophon p span{color:#ff8a00}@media(max-width:800px){.footer-colophon{flex-wrap:wrap}.footer-colophon>div{width:100%}.footer-colophon>nav{margin:2rem 0}}.footer-partners{background:#100e17;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;text-align:center;font-size:14px;padding:2rem 2rem 1rem}@media(max-width:800px){.footer-partners{grid-template-columns:1fr}}.footer-partner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:8px;background:#1f1c28;color:#a1a1af;border:1px solid #312d3c}.footer-partner a{color:#fff}.footer-partner img,.footer-partner svg{display:block;margin:0 auto 1rem}.footer-partner p{margin:0;line-height:1.5}.footer-partner-flywheel svg{max-width:200px}.footer-partner-codepen .codepen-logo{max-width:100%;width:200px;height:38px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}.footer-partner-shoptalk .shoptalk-img{width:130px}.presents{display:block;font-size:.8rem}.presents strong{color:#ff8a00}body>svg{position:absolute;width:0;height:0}.article-and-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 265px;max-width:var(--maxWidth);margin:0 auto;padding:0 0 8rem}@media(max-width:800px){.article-and-sidebar{display:block;padding-top:0}}.page-wrap-no-sidebar .article-and-sidebar{display:block;padding:2rem;border-radius:8px}.article-and-sidebar>.article-content{padding:4rem;margin-top:-32px;background:#fff}@media(max-width:800px){.article-and-sidebar>.article-content{padding:1.66rem;margin-top:-22px}}.article-content{overflow-wrap:break-word;margin:0 0 1.5rem;border-radius:8px}.article-content a{text-decoration:underline;-webkit-text-decoration-color:#a2dffb;text-decoration-color:#a2dffb}figure>figcaption{font-size:.7rem;color:#767676;display:block;width:80%;padding-top:.5rem}figure>img{display:block;border-radius:8px}img,video{height:auto!important}iframe,img,video{max-width:100%}.wp-block-image figure.alignright{float:right;margin:0 0 1.5rem 1.5rem}@media(max-width:800px){.wp-block-image figure.alignright{float:none;margin:1.5rem 0}}.sd-title,.share-end{display:none}.sharedaddy{padding:.75rem 0;white-space:nowrap;color:#fff;font-weight:700}.sharedaddy ul{display:flex;align-items:center}.sharedaddy ul a{border:1px solid #fff;margin-left:-1px;border-radius:0}.sharedaddy ul a:focus,.sharedaddy ul a:hover{text-decoration:none;background:#ff8a00!important;-webkit-text-fill-color:#fff!important}.sharedaddy ul li:first-child a{border-top-left-radius:4px;border-bottom-left-radius:4px}.sharedaddy ul li:nth-last-child(2) a{border-top-right-radius:4px;border-bottom-right-radius:4px}.sharedaddy ul{font-size:14px;list-style:none;margin:0;padding:0}.sharedaddy ul:before{content:"Share:";margin-right:.5rem}.sharedaddy li{display:inline-block;margin:0;text-indent:0!important}.sharedaddy li:before{display:none}.sharedaddy a{display:inline-block;padding:.15rem .5rem;font-weight:400}.sharedaddy .share-count{display:none}.on-light .sharedaddy{color:#100e17}.on-light .sharedaddy ul a{color:#100e17;border-color:#c2c2c2}.article-series{background:#fef6ec;margin:0 0 1rem;padding:2rem;counter-reset:article-series-counter;border-radius:8px}.article-series h4{padding:0}.article-series ol{margin:0;list-style:none;padding-left:1.5rem}.article-series ol li{counter-increment:article-series-counter}.article-series ol li:before{color:#000;content:"Part " counter(article-series-counter) ": "}.cp_embed_wrapper{position:relative;margin:0 0 1rem;clear:both;border-radius:4px;overflow:hidden;z-index:1}.cp_embed_wrapper.dragging:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:4000}.cp_embed_wrapper .cp_embed_iframe{display:block}.win-size-grip{position:absolute;width:24px;height:24px;bottom:0;right:0;z-index:5000;cursor:nwse-resize;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5) 2px,#000 0,#000 4px)}twitter-widget{margin:0 auto 1.5rem!important;border:20px solid #fef6ec;border-radius:8px}.wp-block-jetpack-slideshow li{text-indent:0!important;max-width:auto!important}.wp-block-jetpack-slideshow li:before{display:none}.mega-header{background:#100e17;color:#fff;position:relative;overflow:hidden;padding:4rem 2rem 2rem}@media(max-width:800px){.mega-header{padding:1rem}}.mega-header-inside{display:grid;grid-template-columns:minmax(200px,1fr) 300px;grid-gap:4rem;max-width:var(--maxWidth);margin:0 auto}@media(max-width:800px){.mega-header-inside{display:block}}.mega-header-header{position:relative;z-index:1;display:flex;flex-direction:column}.mega-header-author{background:0 0;overflow:visible;margin:0 0 2rem}.mega-header-author .avatar{border-radius:50%}.mega-header-author .author-avatar{grid-area:auto}.mega-header-author .author-avatar img{width:148px;height:148px!important;margin:0 0 22px 27px}.mega-header-author .author-avatar .half-circle{width:200px;height:108px}.mega-header-author .mega-header-inside{display:grid!important;grid-template-columns:200px 1fr;grid-gap:2rem}@media(max-width:800px){.mega-header-author .mega-header-inside{grid-template-columns:100px 1fr;grid-gap:1rem}.mega-header-author .mega-header-inside .author-avatar img{width:74px;height:74px!important;margin:0 0 12px 13px}.mega-header-author .mega-header-inside .author-avatar .half-circle{width:100px;height:54px}}.author-subhead{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace;font-size:.66rem;margin:0 0 .25rem}.author-bio{color:#da1b60;font-style:italic;font-size:1.3rem;margin:0 0 1rem;width:69%}@media(max-width:800px){.author-bio{font-size:1.1rem}}.header-breadcrumbs{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;background:#100e17;padding:3rem 2rem 1rem}.header-breadcrumbs span{font-size:18px}.header-breadcrumbs span.breadcrumb-separator{color:#312d3c;font-weight:700}.header-breadcrumbs span a{color:#7a7a8c;display:inline-block;padding:.25rem}.header-breadcrumbs .breadcrumb_last{display:block}@media(max-width:800px){.header-breadcrumbs .breadcrumb_last{font-size:1.8rem}}@media(max-width:1200px){.header-breadcrumbs{padding:4rem 2rem 1rem}}@media(max-width:800px){.header-breadcrumbs{padding:2rem 1rem 1rem}}@media(max-width:800px){.header-breadcrumbs-inside span{font-size:14px}}.header-guides{background:#100e17;color:#fff;position:relative;padding:2rem}.header-guides .article-content-meta{grid-template-areas:"date"}.header-guides .article-comments-meta,.header-guides .author-avatar,.header-guides .author-name-area{display:none}.header-guides .created{grid-column:1/2;white-space:nowrap}.header-guides .updated{grid-column:2/3;white-space:nowrap}.header-guides-inside{position:relative;z-index:2}@media(max-width:1200px){.header-guides-inside{display:block}}.header-sponsor-grid{display:grid;grid-template-columns:1fr 400px;grid-gap:2rem}@media(max-width:1200px){.header-sponsor-grid{grid-template-columns:1fr}}.guide-sponsor{background:#201c29;color:#a1a1af;padding:2rem;box-shadow:0 0 5rem #100e17;position:relative;z-index:3;border-radius:1rem;max-width:600px;display:grid;grid-template-columns:1fr 110px;grid-gap:1rem;align-items:center}.guide-sponsor h5{color:#fff}.guide-sponsor p{margin:0}.guide-sponsor .monthly-sponsor-text{color:#a1a1af;font-size:.7rem}.header-with-bottom-gradient{position:relative;border:0;border-top:1px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#ff8a00,#e52e71)}.header-gradient-after{background:linear-gradient(90deg,#ff8a00,#e52e71);border-radius:8px;margin:0 .5rem;width:calc(100% - 150px)}@media(max-width:800px){.header-gradient-after{width:auto}}.header-gradient-content-inside{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem 1.5rem 1rem}.header-gradient-content-inside p{margin:0}.header-gradient-content-inside p a:hover{-webkit-text-fill-color:#201c29!important}@media(max-width:800px){.header-gradient-content-inside{font-size:.85rem;padding:1rem 1rem 1.5rem}}.article-content-meta{font-size:.7rem;display:grid;grid-template-columns:80px -webkit-min-content -webkit-min-content;grid-template-columns:80px min-content min-content;grid-template-areas:"avatar author date comments";grid-gap:.25rem 1rem;align-items:center;margin:0 0 1.5rem}@media(max-width:1200px){.article-content-meta{grid-template-areas:"avatar author date" "avatar comments comments"}}@media(max-width:800px){.article-content-meta{grid-template-columns:55px -webkit-min-content -webkit-min-content;grid-template-columns:55px min-content min-content}}.article-content-meta.article-content-meta-sponsored{grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;grid-template-areas:"date date"}.hero-article .article-content-meta,.module-article .article-content-meta{grid-template-areas:"avatar author comments"}@media(max-width:1200px){.hero-article .article-content-meta,.module-article .article-content-meta{grid-template-areas:"avatar author comments"}}.article-publication-meta{margin:0 0 .5rem}.article-publication-meta>strong{margin:0 .3rem 0 0}.related-posts{background:#100e17;padding:2rem 2rem 0}@media(max-width:800px){.related-posts{padding:2rem 1rem 0}}body.category-sponsored .bsap-doubles,body.category-sponsored .jp-relatedposts,body.single-screenshot .bsap-doubles,body.single-screenshot .jp-relatedposts{display:none!important}.jp-relatedposts{margin-bottom:1rem}.jp-relatedposts-headline{display:none}.jp-relatedposts-items{display:flex}@media(max-width:800px){.jp-relatedposts-items{display:block}.jp-relatedposts-items .jp-relatedposts-post{width:100%;margin:0 0 .5rem}}.jp-relatedposts-post{font-size:.75rem;background:#201c29;border:1px solid #312d3c;border-radius:8px;padding:2rem;margin-right:1rem;overflow:hidden;position:relative;flex:1;width:33.33%;display:flex;flex-direction:column}.jp-relatedposts-post:last-child{margin-right:0}.jp-relatedposts-post-img{position:absolute;top:0;left:0;width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover;opacity:.15;mix-blend-mode:overlay}.jp-relatedposts-post-title{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;font-size:1.4rem;margin:0 0 .5rem;position:relative}.jp-relatedposts-post-date{color:#7a7a8c;display:block;margin:0 0 .25rem;order:-1;position:relative;z-index:8}.jp-relatedposts-post-context{display:none!important}.jp-relatedposts-post-excerpt{color:#a1a1af;position:relative;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin:0}.jetpack-sponsored-posts-message{font-size:.75rem;background:#201c29;color:#a1a1af;border:1px solid #312d3c;border-radius:8px;padding:1rem;font-size:.9rem;display:flex;justify-content:center;align-items:center}.jetpack-sponsored-posts-message img{width:50px;height:50px;margin-right:1rem}.jetpack-sponsored-posts-message p{max-width:700px;margin:0}.author-avatar{grid-area:avatar;align-self:start;position:relative}.author-avatar img{border-radius:50%;width:60px;height:60px!important;display:block;overflow:hidden;margin:16px 10px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.author-avatar .half-circle{position:absolute;bottom:0;left:0;width:80px;height:56px;fill:none;stroke:url(#orange-to-pink);stroke-width:8;stroke-linecap:round;pointer-events:none}@media(max-width:800px){.author-avatar img{width:35px;height:35px!important}.author-avatar .half-circle{width:55px;height:40px}}.author-name-prefix,.comments-prefix,.date-prefix,.shared-by-prefix,.type-of-guide{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;color:#7a7a8c}.author-name-area{grid-area:author}.article-comments-meta{grid-area:comments}.author-name,.comments-link,time{font-family:Sentinel SSm A,Sentinel SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.number-of-comments{display:block}.icon-arrow-right{width:24px;height:24px}.comments-link{white-space:nowrap;display:inline-block;position:relative;padding-right:30px}.comments-link .icon-arrow-right{position:absolute;right:0;top:50%;transform:translateY(-50%)}@media(max-width:800px){.comments-link .icon-arrow-right{display:none}}.comments-link:hover .icon-arrow-right{transform:translate(1px,-50%)}.date time{color:#fff}.date{grid-area:date}.link-read-more,.read-more{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-text-decoration-color:#ff8a00!important;text-decoration-color:#ff8a00!important;font-weight:700;padding-bottom:.15rem}.link-read-more svg,.read-more svg{margin:0 0 0 .25rem;position:relative;top:.25rem}.link-read-more:focus,.link-read-more:hover,.read-more:focus,.read-more:hover{-webkit-text-decoration-color:#fff!important;text-decoration-color:#fff!important}.read-more:before{white-space:pre;content:"\A\A"}.article-card{margin:0 0 8rem;position:relative;overflow:hidden}.article-card .article-article{position:relative;z-index:1}.article-card.link:not(.module-sponsored) h2{margin-bottom:2.6rem}.article-card.link .read-more{display:none}@media(max-width:800px){.article-card .article-content{padding-right:15%}.article-card .article-content>*{display:none}.article-card .article-content>p:first-of-type{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}}.article-card .article-content-meta .author-avatar,.article-card .article-publication-meta .author-avatar{grid-area:auto}.article-content-meta,.article-publication-meta{white-space:nowrap}.link-shared-by{display:flex;align-items:center;font-size:.8rem;line-height:1.2;color:#7a7a8c;padding-right:1rem;margin:-2.4rem 0 1rem}.link-shared-by span{color:#b1b1b1}.link-shared-by svg{fill:#ff8a00}.link-shared-by .author-avatar{margin-right:1rem}.link-shared-by:focus,.link-shared-by:hover{-webkit-text-fill-color:#c2c2c2!important;color:#c2c2c2!important}.link-shared-by:focus span,.link-shared-by:hover span{-webkit-text-fill-color:#fff!important;color:#fff!important}.link-links{font-weight:700;color:#7a7a8c;margin:0 0 1.5rem}.link-links a:focus,.link-links a:hover{-webkit-text-fill-color:#fff!important;color:#fff}.icon-link{width:20px;height:12px;fill:#fff}.tags{margin:1rem 0 2rem;padding:.5rem 0 1rem;line-height:2}@media(max-width:800px){.tags{margin:0}}.tags a{color:#7a7a8c;text-transform:uppercase;font-size:.66rem;white-space:nowrap;border:3px solid #28242f;border-radius:2rem;padding:.2rem .85rem .25rem}.tags a:focus,.tags a:hover{color:#03a9f4;border-color:#fff;position:relative}.header-card{background-image:linear-gradient(0deg,#ff8a00,#e52e71);position:relative;border-radius:16px;padding:2rem;margin:0 4rem 0 0;display:flex;justify-content:flex-end;flex-direction:column;flex:0 0 320px}.header-card p{margin:0;font-size:.8rem}@media(max-width:1200px){.header-card{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;transform:rotate(180deg);flex:0;width:110px;margin-right:1rem}.header-card a:after,.header-card br{display:none}}.header-card-title{font-size:1.6rem;margin:0 0 .5rem}.popular-articles{box-sizing:content-box;display:flex;width:calc(100vw - 71px);margin:0 0 5rem;padding:2rem 0}@media(max-width:1200px){.popular-articles{scrollbar-color:#666 #201c29;width:100%;padding-bottom:2rem;margin-bottom:6rem;overflow-x:scroll;-webkit-overflow-scrolling:touch;-ms-scroll-snap-points-x:repeat(250px);scroll-snap-points-x:repeat(250px);-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory}.popular-articles::-webkit-scrollbar{width:10px;height:10px}.popular-articles::-webkit-scrollbar-thumb{background:#201c29;border-radius:10px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.popular-articles::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}.popular-articles .mini-card{scroll-snap-align:start}}@media(max-width:1200px){.popular-articles{padding-left:0}}.popular-header{margin:3rem 0}.popular-header .edit-popular{position:absolute;top:5px;right:5px}.header-card-sponsor{color:#ffb4b4}.mini-card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}body.home .mini-card-grid{scrollbar-color:#666 #201c29;scrollbar-gutter:always;padding:3rem;gap:auto;display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch}body.home .mini-card-grid::-webkit-scrollbar{width:10px;height:10px}body.home .mini-card-grid::-webkit-scrollbar-thumb{background:#201c29;border-radius:10px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}body.home .mini-card-grid::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}@media(max-width:1200px){body.home .mini-card-grid{overflow-x:visible}}.tags a{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;font-size:.5rem}.mini-card{padding:1.5rem;border-radius:16px;background:#17141d;color:#fff;display:flex;flex-direction:column;transition:.2s;margin:0}body.home .mini-card{min-width:300px;min-height:350px;box-shadow:-1rem 0 3rem #000}body.home .mini-card:focus-within,body.home .mini-card:hover{transform:translateY(-1rem)}body.home .mini-card:focus-within~.mini-card,body.home .mini-card:hover~.mini-card{transform:translateX(130px)}body.home .mini-card:not(:first-child){margin-left:-130px}@media(max-width:1200px){body.home .mini-card{min-width:220px}body.home .mini-card:not(:first-child){margin-left:-30px}body.home .mini-card:hover{transform:translateY(-1rem)}body.home .mini-card:hover~.mini-card{transform:translateX(30px)}}@media(max-width:800px){body.home .mini-card{min-width:190px}body.home .mini-card:not(:first-child){margin-left:-10px}body.home .mini-card:hover{transform:translateY(-1rem)}body.home .mini-card:hover~.mini-card{transform:translateX(10px)}}.mini-card h2{font-size:20px;margin:.25rem 0 auto}.mini-card h2 a{color:#fff}.mini-card a{text-decoration:none}.mini-card .author-name{color:#fff}.mini-article-subhead{font-size:14px;margin:0 0 1rem}.mini-article-card-header{margin-bottom:auto}.mini-article-meta{font-size:14px}.mini-article-meta .author-name{display:block;position:relative}.mini-article-meta .author-avatar img{width:40px;height:40px!important}.mini-article-meta .author-avatar .half-circle{width:60px;height:48px}.mini-article-byline{margin:3rem 0 0;display:grid;grid-template-columns:75px 1fr;align-items:center}.mini-article-byline .author-avatar,.mini-article-byline .author-name-area{grid-area:auto}.authors-page-wrap{padding:2rem}.related-ads-comments-wrap,.respond-area{background:#100e17}.respond-area{padding:0 2rem;margin:0 auto}@media(max-width:800px){.respond-area{padding-left:1rem;padding-right:1rem}}.comments-title{clear:both;padding-top:6rem;text-align:center}.comment-respond{position:relative;z-index:2}.CommentForm,.commentlist,.comment ul{font-size:.8rem}.CommentForm li.comment.featured .comment-wrap,.commentlist li.comment.featured .comment-wrap,.comment ul li.comment.featured .comment-wrap{background-image:url(images/featured-comment.svg);background-repeat:no-repeat;background-size:contain;background-position:top}.CommentForm>li.comment,.commentlist>li.comment,.comment ul>li.comment{list-style:none;position:relative;margin:0 0 2rem}.CommentForm>li.comment.bypostauthor .comment-wrap,.CommentForm>li.comment.comment-author-chriscoyier .comment-wrap,.commentlist>li.comment.bypostauthor .comment-wrap,.commentlist>li.comment.comment-author-chriscoyier .comment-wrap,.comment ul>li.comment.bypostauthor .comment-wrap,.comment ul>li.comment.comment-author-chriscoyier .comment-wrap{box-shadow:0 0 0 2px #ff8a00}.CommentForm>li.comment.buried,.commentlist>li.comment.buried,.comment ul>li.comment.buried{opacity:.5;transform:scale(.8)}.CommentForm>li.comment.buried,.CommentForm>li.comment.buried .comment-author,.commentlist>li.comment.buried,.commentlist>li.comment.buried .comment-author,.comment ul>li.comment.buried,.comment ul>li.comment.buried .comment-author{font-family:Comic Sans MS,Chalkboard SE,fantasy}.CommentForm>li.comment li.comment,.commentlist>li.comment li.comment,.comment ul>li.comment li.comment{margin-left:8rem}.CommentForm>li.comment li.comment .comment-wrap,.commentlist>li.comment li.comment .comment-wrap,.comment ul>li.comment li.comment .comment-wrap{background:#100e17;box-shadow:none}@media(max-width:800px){.CommentForm>li.comment li.comment,.commentlist>li.comment li.comment,.comment ul>li.comment li.comment{margin-left:0;padding-left:1rem}}@media(max-width:800px){.CommentForm>li.comment,.commentlist>li.comment,.comment ul>li.comment{padding:10px}.CommentForm>li.comment .grid,.commentlist>li.comment .grid,.comment ul>li.comment .grid{padding:0}.CommentForm>li.comment .comment,.commentlist>li.comment .comment,.comment ul>li.comment .comment{width:calc(100% - 20px)}}.CommentForm>li.comment .comment-respond,.commentlist>li.comment .comment-respond,.comment ul>li.comment .comment-respond{position:relative;padding:1rem}.CommentForm .comment-content,.commentlist .comment-content,.comment ul .comment-content{overflow:hidden;padding:0!important}.CommentForm .comment-content a,.commentlist .comment-content a,.comment ul .comment-content a{font-weight:700}.CommentForm .comment-wrap,.commentlist .comment-wrap,.comment ul .comment-wrap{position:relative;display:grid;grid-template-columns:80px minmax(100px,1fr) 160px;grid-gap:2rem;background:#17141d;color:#c2c2c2;box-shadow:0 4px 80px #070509;padding:2rem;border-radius:16px}.CommentForm .comment-wrap .author-avatar,.commentlist .comment-wrap .author-avatar,.comment ul .comment-wrap .author-avatar{margin:0;align-self:start;grid-area:auto}.CommentForm .comment-wrap .author-avatar .half-circle,.commentlist .comment-wrap .author-avatar .half-circle,.comment ul .comment-wrap .author-avatar .half-circle{stroke:#7a7a8c}@media(max-width:800px){.CommentForm .comment-wrap .author-avatar,.commentlist .comment-wrap .author-avatar,.comment ul .comment-wrap .author-avatar{height:49px}}.CommentForm .comment-wrap:target,.commentlist .comment-wrap:target,.comment ul .comment-wrap:target{border:1px solid #ffeb3b}@media(max-width:800px){.CommentForm .comment-wrap,.commentlist .comment-wrap,.comment ul .comment-wrap{display:block;padding:1rem}}.CommentForm .comment-body,.commentlist .comment-body,.comment ul .comment-body{padding:0}.CommentForm .reply,.commentlist .reply,.comment ul .reply{text-align:right}.CommentForm .comment-reply-link,.commentlist .comment-reply-link,.comment ul .comment-reply-link{text-align:center;margin:0 0 .5rem;padding:.6rem 1.7rem}.CommentForm .edit-link,.commentlist .edit-link,.comment ul .edit-link{position:absolute;right:0;top:0;width:30px;margin-left:5px;font-size:10px}.CommentForm .feature-bury-actions,.commentlist .feature-bury-actions,.comment ul .feature-bury-actions{position:absolute;top:14px;left:100%;margin-left:5px;width:100px;font-size:10px}.CommentForm .feature-bury-actions a,.commentlist .feature-bury-actions a,.comment ul .feature-bury-actions a{display:block}.CommentForm .children,.commentlist .children,.comment ul .children{margin:2rem 0 4rem}.CommentForm .comment .respond,.commentlist .comment .respond,.comment ul .comment .respond{clear:both;padding:1rem;background:rgba(0,0,0,.1);border-bottom:1rem;border-radius:4px}.CommentForm .comment .respond .comments-title,.commentlist .comment .respond .comments-title,.comment ul .comment .respond .comments-title{display:none}.respond{padding-top:1rem;display:grid;grid-template-columns:1fr 300px;grid-gap:2rem}@media(max-width:800px){.respond{display:block}}.comment-form-coc-area{position:relative;padding:5rem 1rem;text-align:center}.comment-form-coc-area .circle-text-coc{top:0;left:0;right:auto;color:#939393;pointer-events:none;z-index:1}.comment-form-coc-area>a{position:relative;z-index:1}.comment-author{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;color:#fff;font-weight:700;font-size:24px}.comment-time{margin:0 0 1rem}.comment-time a{color:#e52e71}.view-comments-button{display:none}@media(max-width:800px){.view-comments-button{display:block;margin:40px 0 60px}}.textarea-usage{color:#999;float:right;width:50%;text-align:right;font-size:.8rem}#comment,.markdown-comment-preview{height:180px}.markdown-comment-preview{display:none;background:#201c29;border:2px dashed #7a7a8c;box-shadow:0 0 1rem #100e17;padding:1rem;border-radius:8px;overflow:auto}.comments-closed{background:#100e17;border:2px solid #e52e71;padding:2rem;border-radius:8px;text-align:center}.comment-awaiting-moderation{background:#ff8a00;color:#fff;padding:2rem}#commentform{display:grid;grid-gap:1rem;grid-template-columns:1fr 1fr;margin:0 0 1rem}#commentform label{display:block}#commentform .comment-notes,#commentform .required{display:none}#commentform label[for=comment]{position:absolute!important;clip:rect(1px,1px,1px,1px)}#author,#email,#url,textarea#comment{width:100%;background:#312d3c;color:#fff;padding:1rem;border-radius:8px;border:2px solid transparent}#author:focus,#email:focus,#url:focus,textarea#comment:focus{border-color:#e52e71}.comment-form-comment{grid-column:1/-1;padding:2px;border-radius:8px}.comment-form-url{grid-column:1/-1}.comment-form-cookies-consent,.comment-subscription-form,.mc4wp-checkbox{color:#7a7a8c;grid-column:1/-1;margin:0;display:flex;align-items:center}.comment-form-cookies-consent input[type=checkbox],.comment-subscription-form input[type=checkbox],.mc4wp-checkbox input[type=checkbox]{margin-right:.5rem;position:relative;top:-2px}.form-submit{grid-column:1/-1;text-align:right}.mc4wp-checkbox label{display:flex;align-items:center}.comment-reminders{font-size:16px;color:#7a7a8c}.breadcrumbs{margin:0 0 3rem;position:relative;white-space:nowrap}.wp_page_numbers{padding-right:1rem;width:100%}.wp_page_numbers ul{display:flex;align-items:center;margin:0}@media(max-width:800px){.wp_page_numbers ul{line-height:2.6}}.wp_page_numbers li a{display:block;padding:0 .5rem;border-radius:100%;margin-right:.25rem;color:#b1b1b1}.wp_page_numbers li a:focus,.wp_page_numbers li a:hover{background:#939393;color:#000;-webkit-text-fill-color:#000}.wp_page_numbers li.active_page a{border:3px solid #28242f;font-weight:700;color:#fff}.wp_page_numbers li.space{margin-left:5px}li.breadcrumbs-next-page,li.breadcrumbs-prev-page{flex:1;display:flex;align-items:center}li.breadcrumbs-next-page a,li.breadcrumbs-prev-page a{color:#fff;font-weight:700;display:flex;align-items:center}li.breadcrumbs-next-page .pagination-arrow,li.breadcrumbs-prev-page .pagination-arrow{transform:rotate(180deg);margin-right:.5rem;width:24px}li.breadcrumbs-next-page{margin-left:auto;justify-content:flex-end}li.breadcrumbs-next-page .pagination-arrow{transform:rotate(0deg);margin-left:.5rem}.monthly-mixup{--borderWidth:4px;background:#100e17;position:relative}@media(min-width:800px){.monthly-mixup{display:grid;grid-template-columns:repeat(6,1fr);padding:10rem 0}.monthly-mixup>h2{grid-column:2/4}.monthly-mixup .mixup-background-star{position:absolute;top:5%;right:16.66%;width:56.14%;height:100%;fill:url(#orange-to-pink);pointer-events:none;-webkit-filter:saturate(125%);filter:saturate(125%)}.monthly-mixup .mixup-card{position:relative;padding:1.5rem;background:#100e17;display:flex;flex-direction:column;font-size:.75rem}.monthly-mixup .mixup-card:first-of-type{grid-column:5/6;grid-row:1/2;border-top:var(--borderWidth) solid #e52e71;border-left:var(--borderWidth) solid #e52e71;border-right:1px solid #201c29;border-bottom:1px solid #201c29;border-top-left-radius:1rem;border-bottom-right-radius:1rem;transform:translateX(calc(var(--borderWidth)*-1));width:calc(100% + var(--borderWidth))}.monthly-mixup .mixup-card:nth-of-type(2){box-shadow:0 0 3rem #000;border-bottom:1px solid #201c29;z-index:1;grid-column:2/3;grid-row:2/3}.monthly-mixup .mixup-card:nth-of-type(3){grid-column:4/5;grid-row:2/3;border-bottom:var(--borderWidth) solid #e52e71;border-right:var(--borderWidth) solid #e52e71;border-bottom-right-radius:1rem;border-top-left-radius:1rem;z-index:2}.monthly-mixup .mixup-card:nth-of-type(4){grid-column:2/3;grid-row:3/4;border-left:var(--borderWidth) solid #e52e71;border-bottom:var(--borderWidth) solid #201c29}.monthly-mixup .mixup-card:nth-of-type(5){grid-column:3/4;grid-row:3/4;border-left:var(--borderWidth) solid #e52e71;border-top:var(--borderWidth) solid #e52e71;border-top-left-radius:1rem;transform:translate(calc(var(--borderWidth)*-1),calc(var(--borderWidth)*-1));width:calc(100% + var(--borderWidth))}.monthly-mixup .mixup-card:nth-of-type(6){box-shadow:0 0 3rem #000;grid-column:4/5;grid-row:3/4}.monthly-mixup .mixup-card:nth-of-type(7){grid-column:5/6;grid-row:4/5;border:1px solid #201c29;border-top:0;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.monthly-mixup .mixup-card:nth-of-type(8){grid-column:2/3;grid-row:4/5;border-left:var(--borderWidth) solid #e52e71;border-bottom:var(--borderWidth) solid #e52e71;border-right:var(--borderWidth) solid #e52e71;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;transform:translateY(calc(var(--borderWidth)*-1))}.monthly-mixup .mixup-card h3{font-size:1rem;margin:.5rem 0 0}.monthly-mixup .mixup-design-card-1{position:relative;grid-column:1/2;grid-row:2/3;background:linear-gradient(225.71deg,#110e17 -5.46%,#da1b60 55.6%,#ff8a00 103.75%);border-top-right-radius:1rem;border-top:var(--borderWidth) solid #e52e71;border-right:var(--borderWidth) solid #e52e71;transform:translateX(var(--borderWidth));z-index:2}.monthly-mixup .mixup-design-card-2{position:relative;grid-column:6/7;grid-row:3/4;background:linear-gradient(134.47deg,#110e17,#da1b60 127.34%,#ff8a00 195.33%)}.monthly-mixup .mixup-design-card-3{grid-column:6/7;grid-row:1/2;border-top:var(--borderWidth) solid #e52e71}.monthly-mixup .mixup-design-card-3:after{content:"";position:absolute;bottom:0;left:-1px;height:15px;width:var(--borderWidth);background:#100e17;z-index:3}.monthly-mixup .mixup-card-header-video{margin-bottom:3rem}}@media(max-width:800px){.monthly-mixup{scrollbar-color:#666 #201c29;display:flex;padding:3rem 0 1rem;margin:2rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-scroll-snap-points-x:repeat(250px);scroll-snap-points-x:repeat(250px);-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory}.monthly-mixup::-webkit-scrollbar{width:16px;height:16px}.monthly-mixup::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e52e71,#ff8a00);border-radius:16px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.monthly-mixup::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}.monthly-mixup h2{position:absolute;top:0;left:0;width:100%}.monthly-mixup .mixup-background-star{position:absolute;right:-85px;top:0;width:275px;height:275px;fill:url(#orange-to-pink)}.monthly-mixup .mixup-card{position:relative;display:flex;flex-direction:column;justify-content:center;background:#201c29;color:#a1a1af;flex:0 0 250px;scroll-snap-align:center;box-shadow:4px 0 80px #000;padding:1rem;margin-right:1rem;border-radius:16px}.monthly-mixup .mixup-card h3{font-size:1.1rem}}.monthly-mixup .mixup-card-header{margin-bottom:auto}.monthly-mixup .mixup-card-title-video a:focus,.monthly-mixup .mixup-card-title-video a:hover{color:#fff;-webkit-text-fill-color:#fff}.almanac-example{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace;display:block;padding-top:3rem;padding-bottom:3rem}.mixup-card-sponsor{grid-column:1/3}.mixup-card-sponsor a{font-weight:700;color:#ff8a00}.mixup-card-sponsor .monthly-sponsor-image{max-width:125px;display:block;margin:0 auto}.single-module{width:300px;opacity:0;margin:0 0 2.5rem;position:relative}.single-module .module{margin:0}.single-module .module img{width:300px;display:block;border-radius:8px;box-shadow:0 0 33px rgba(16,14,23,.33)}.single-module.single-module-backfill .module{padding:4rem 0;border-radius:8px}.single-module.single-module-backfill .module img{width:175px;box-shadow:none;border-radius:0;margin:0 auto}.single-module>*{position:relative}@media(max-width:800px){.single-module{display:none}}.on-light .single-module:before{background:#f5f5f5}.on-light .single-module .interlude:before{content:""}.on-light .single-module .interlude .avatar{border-color:#f5f5f5}.on-light .single-module .interlude a{color:#7a7a8c}.on-light .single-module .interlude a:focus,.on-light .single-module .interlude a:hover{-webkit-text-fill-color:#201c29!important;color:#201c29!important}.module-7{-webkit-animation:ad_come_in .2s .6s forwards;animation:ad_come_in .2s .6s forwards}.module-6{-webkit-animation:ad_come_in .2s .8s forwards;animation:ad_come_in .2s .8s forwards}.module-5{-webkit-animation:ad_come_in .2s 1s forwards;animation:ad_come_in .2s 1s forwards}.module-4{-webkit-animation:ad_come_in .2s 1.2s forwards;animation:ad_come_in .2s 1.2s forwards}.module-3{-webkit-animation:ad_come_in .2s 1.4s forwards;animation:ad_come_in .2s 1.4s forwards}.module-2{-webkit-animation:ad_come_in .2s 1.6s forwards;animation:ad_come_in .2s 1.6s forwards}.module-1{-webkit-animation:ad_come_in .2s 1.8s forwards;animation:ad_come_in .2s 1.8s forwards}@-webkit-keyframes ad_come_in{to{opacity:1}}@keyframes ad_come_in{to{opacity:1}}.interlude{font-family:Sentinel SSm A,Sentinel SSm B,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.63rem;font-weight:400;padding:1rem;margin-left:1rem;white-space:normal;text-align:left}.interlude a{color:#a1a1af;display:block}.interlude a:focus,.interlude a:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}a.spon-title{color:#03a9f4;text-transform:uppercase;font-size:.5rem;letter-spacing:.05rem}.end-of-article-ads{background:#100e17;padding:1rem 2rem}@media(max-width:800px){.end-of-article-ads{padding:1rem}}.bsap-doubles{margin:0 0 4rem}.bsap-doubles.side-by-side .bsa_it{display:flex;flex-wrap:wrap;margin-left:-.5rem}.bsap-doubles.side-by-side .bsa_it .bsa_it_ad{background:#201c29;border:1px solid #312d3c;box-shadow:0 4px 80px #000;min-width:33%;max-width:100%;flex-grow:1;flex-basis:calc(559440px - 99900%);display:flex;margin:.5rem;border-radius:8px}.bsap-doubles.side-by-side .bsa_it .bsa_it_ad a:focus .bsa_it_d,.bsap-doubles.side-by-side .bsa_it .bsa_it_ad a:hover .bsa_it_d{color:#a1a1af!important;-webkit-text-fill-color:#a1a1af!important}.bsap-doubles.side-by-side .bsa_it .bsa_it_ad>a:first-of-type{order:2}.bsap-doubles.side-by-side .bsa_it .bsa_it_ad>a:nth-of-type(2){flex:1;padding-right:1rem}.bsap-doubles.side-by-side .bsa_it .bsa_it_ad>div:last-of-type{display:none}.bsap-doubles.side-by-side .bsa_it .bsa_it_ad:last-of-type{margin-right:0}.bsa_it_p{display:none!important}.bsa_it_ad{padding:1.3rem;position:relative;display:inline-block;width:100%;margin:0 0 1rem}.bsa_it_ad>a:hover .bsa_it_t{color:#03a9f4}.bsa_it_t{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;line-height:1.1;font-size:1.2rem;display:block;margin:0 0 .5rem}.bsa_it_i{display:block;float:none!important;max-width:100px}.bsa_it_i img{border-radius:4px;display:block}.bsa_it_d{color:#a1a1af;display:block;font-size:.7rem}.bsap_1241308 a{width:auto!important;float:none!important}img[src*="adsafeprotected.com"],img[src*="doubleclick.net"]{position:absolute!important;width:1px;height:1px;left:-9999px}#all-ads{height:100%}#scroll-ad-position{width:1px;height:1px}#sticky-sidebar-stuff{position:-webkit-sticky;position:sticky;top:2rem;opacity:0;visibility:hidden;transition:.3s}@media(max-width:855px){#sticky-sidebar-stuff{top:89px}}#sticky-sidebar-stuff.showing{opacity:1;visibility:visible}#carbonads{background:#f5f5f5;padding:0 1rem;font-size:.55rem;border-radius:8px;margin:1rem 0;overflow:hidden;transition:.2s;max-height:0}#carbonads .carbon-wrap{display:flex;align-items:flex-start}#carbonads img{margin-right:1rem;width:120px;height:auto}#carbonads a{color:#444}#carbonads .carbon-poweredby{position:absolute;bottom:5px;right:12px}#carbonads .carbon-poweredby:before{content:"("}#carbonads .carbon-poweredby:after{content:")"}#carbonads.showing{max-height:150px;padding:1rem 1rem 1.2rem}.fem-ad{background:#1f1f1f;color:#fff;border-radius:8px;overflow:hidden}.fem-ad h4{font-size:1.1rem;color:#fff}.fem-ad .fem-learning-partner{font-size:.5rem;color:#fff;text-transform:uppercase;letter-spacing:.13rem;text-align:center;margin:0 0 .5rem}.fem-ad .fem-header{background:linear-gradient(90deg,#c02d28,#e66225)}.fem-ad .fem-header-inner{background:rgba(0,0,0,.7);padding:1rem}.fem-ad .fem-diagonal{display:block;height:10px;width:100%}.fem-ad .fem-logo{width:200px;display:block;margin:0 auto}.fem-ad .fem-logo-large{max-width:500px;display:block}.fem-ad .fem-message{padding:1.5rem;color:#d8d8d8;font-size:.6rem}.fem-ad .fem-message a{color:#fff;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:#b72a27;text-decoration-color:#b72a27}.fem-ad .fem-message p{margin:0}.fem-footer-ad{box-shadow:0 4px 80px #000;border:1px solid #312d3c;margin:-4rem 0 2rem;display:grid;grid-template-columns:1fr 2fr}@media(max-width:1200px){.fem-footer-ad{grid-template-columns:4fr 3fr}}@media(max-width:800px){.fem-footer-ad{display:block}.fem-footer-ad .fem-header{padding-bottom:10px}.fem-footer-ad .fem-header-inner{height:auto}}.fem-footer-ad .fem-header-inner{padding:4rem 1.5rem;display:grid;place-items:center}.fem-footer-ad .fem-header-inner img{width:100%}.fem-footer-ad .fem-message{display:grid;place-items:center;font-size:.8rem}.fem-footer-ad .fem-diagonal{height:20px}.fem-footer-ad h4{font-size:1.2rem}.fem-footer-ad p{max-width:615px}.all-ads{scrollbar-color:#666 #201c29;padding:1rem;margin:4rem 0;overflow-x:auto;width:100%;text-align:center;white-space:nowrap}.all-ads::-webkit-scrollbar{width:4px;height:4px}.all-ads::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e52e71,#ff8a00);border-radius:4px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.all-ads::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}.all-ads>*{display:inline-block;vertical-align:top;margin-right:3rem}.all-ads #carbonads,.all-ads #scroll-ad-position,body.page-template-default .article-content-meta{display:none}.page-header{padding:2rem;position:relative}@media(max-width:800px){.page-header{margin-bottom:2rem;padding:1rem}}.page-header-top-nav{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;display:flex;align-items:center;position:relative;margin:1rem 37.5vw 0 -1rem;border:4px solid transparent;padding:2rem;height:5rem;width:100%;border-radius:2.5rem 0 3.5rem 2.5rem;background:linear-gradient(#100e17,#100e17) padding-box,linear-gradient(90deg,#db1d60,#ed4f32) 0/50% no-repeat border-box,linear-gradient(-90deg,#eb7d01,#ed4f32 37.5vw,rgba(237,79,50,0)) 100% 101%/65% 75% no-repeat border-box}.page-header-top-nav:after{position:absolute;left:100%;bottom:3.5rem;height:3.5rem;width:37.5vw;border:inherit;border-color:#eb7d01;border-width:4px 0 0 4px;border-radius:3.5rem 0 0 0;content:""}.page-header-top-nav a{white-space:nowrap;padding:0 1rem}body.page-template-page-almanac-group-php .page-header-top-nav a{padding:0 .55rem}@media(max-width:800px){.page-header-top-nav{padding:0 1rem;margin:0 -1rem;width:calc(100% + 2rem);height:auto;border-radius:0;background:0 0;border:0;border-bottom:4px solid #e52e71}.page-header-top-nav:after{display:none}}.page-header-top-nav-inside{scrollbar-color:#666 #201c29;overflow:auto;display:flex;align-items:center;padding:.5rem 0}.page-header-top-nav-inside::-webkit-scrollbar{width:8px;height:8px}.page-header-top-nav-inside::-webkit-scrollbar-thumb{background:#312d3c;border-radius:8px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.page-header-top-nav-inside::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,transparent 0,transparent)}.blob-top-right{position:absolute;top:-95px;right:-20px;width:500px;height:332px;z-index:-1;-webkit-filter:saturate(125%);filter:saturate(125%)}@media(max-width:1200px){.blob-top-right{display:none}}.blob-circle{position:absolute;z-index:-2;top:150px;left:-125px;width:250px;height:250px;-webkit-filter:saturate(125%);filter:saturate(125%)}@media(max-width:1433px){.blob-circle{display:none}}.blob-circle-small{position:absolute;top:-20px;right:378px;width:120px;height:120px;fill:#201c29;z-index:-3;-webkit-filter:saturate(125%);filter:saturate(125%)}@media(max-width:1200px){.blob-circle-small{display:none}}.header-line-only{position:absolute;z-index:-4;bottom:-3px;width:70vw;fill:none;stroke:url(#orange-to-pink);stroke-width:4px;overflow:visible;stroke-linecap:round}.header-line-only path{vector-effect:non-scaling-stroke}@media(max-width:1200px){.header-line-only{width:88vw}}.article-categories{margin-right:2rem}.article-categories a{color:#03a9f4;display:inline-block;margin:0 .25rem}body.page-id-21356{background-image:radial-gradient(ellipse closest-side,rgba(15,14,22,.5),#100e17),url(https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1545953993/haha-business_irjvt0.jpg);background-repeat:no-repeat;background-position:100% 0;background-size:800px}body.page-id-21356 .css-tricks-license{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace}body.page-id-199454{background-image:radial-gradient(ellipse closest-side,rgba(15,14,22,.5),#100e17),url(https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1546722053/about-star_xzlvtc.png);background-repeat:no-repeat;background-position:100% 0;background-size:1400px}body.page-id-199454 .css-tricks-license{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace}.page-wrap-home{max-width:1284px;margin:0 auto}.hero-article{position:relative;display:grid;grid-template-columns:1fr 300px;grid-gap:4rem;font-size:20px;margin-bottom:4rem;padding:1rem;overflow:hidden}@media(max-width:1085px){.hero-article{display:block}}.hero-article .article-content-meta .author-avatar,.hero-article .article-publication-meta .author-avatar{grid-area:auto}@media(max-width:1200px){.hero-article{font-size:18px}}@media(max-width:800px){.hero-article{font-size:16px}}.hero-article-ad,.hero-article-article{position:relative}.hero-article-ad{margin:0;z-index:2;align-self:end}@media(max-width:1085px){.hero-article-ad{display:none}}.hero-article-ad .single-module{margin:0;transform:translateX(-1rem)}.jobs-main-wrap{padding-bottom:5rem}.job{position:relative;display:flex;padding:2rem 0;border-bottom:1px solid #312d3c}.job>*{padding-right:2rem}.job>:last-child{padding-right:0}@media(max-width:800px){.job{display:block;padding-left:0;padding-right:0}.job .job-type{float:left;margin-bottom:1rem}.job .job-link{clear:both}.job .job-title{margin-bottom:1rem}}.job-title-and-company{margin:0;flex:0 0 50%}.job-title-and-company a:focus,.job-title-and-company a:hover{-webkit-text-fill-color:#fff!important}.job-company,.job-title{font-size:20px}.job-title{font-weight:400;line-height:1.5;color:#a4a4a4}.job-featured-text{font-weight:700;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}.job-link{margin-left:auto}.job-location,.job-type{color:#7a7a8c;font-weight:700;font-size:16px}.job-address,.job-term{white-space:nowrap;color:#fff;font-weight:400}@media(max-width:800px){.job-address,.job-term{white-space:normal;margin:0 0 1rem}}.post-a-job{margin:100px auto 50px;text-align:center;max-width:400px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));grid-gap:5rem}.video-grid .bsap-doubles{grid-column:span 2;align-self:self-start}.video-grid .bsap-doubles>div,.video-grid .bsap-doubles>div>.bsa_it{height:100%}@media(max-width:800px){.video-grid{display:block}}.video-module{font-size:.9rem}.video-module h2{margin:0}.video-module h2 a{display:flex;flex-direction:column}@media(max-width:800px){.video-module{margin-bottom:3rem}}.video-number{color:#7a7a8c;display:inline}.video-thumb{background-image:linear-gradient(to bottom right,#ff8a00,#e52e71);order:-1;transition:.2s;border-radius:16px;margin:0 0 1rem;width:75%}.video-thumb img.video-thumbnail{width:100%;display:block;border-radius:8px;opacity:1;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:.1s}body.page-template-page-lodge-group-php .video-thumb{display:none}.watch-video-link{display:block;padding:.5rem 0}.watch-video-button{padding:1rem 0;display:flex;align-items:center;font-size:16px;font-weight:400}.watch-video-button svg{fill:#fff;margin-right:.5rem}.watch-video-button strong{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:block;margin:0 0 .25rem}.watch-video-button span{color:#fff}.video-info{position:relative}.video-info h2 a:focus strong,.video-info h2 a:focus time,.video-info h2 a:hover strong,.video-info h2 a:hover time{color:#fff;-webkit-text-fill-color:#fff}.video-info h2 a:focus .video-thumb .video-thumbnail,.video-info h2 a:hover .video-thumb .video-thumbnail{opacity:.33}.video-info h2 a:focus span,.video-info h2 a:hover span{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}.video-description{color:#c2c2c2}.lodge-video-nav{overflow:hidden;border-bottom:1px solid #ccc;padding:.5rem;margin:0 0 20px}.lodge-video-prev{float:left}.lodge-video-next{float:right}.single-video-wrapper{border-radius:16px;overflow:hidden}.lodge-course-time{color:#fff;margin-left:.25rem}.download-video{background:rgba(255,138,0,.1);border-radius:8px;padding:1rem;text-align:center}.download-video-non-member>a{opacity:.5;pointer-events:none}.almanac-headers{display:grid;grid-template-columns:1fr 1fr}.almanac-headers>div{padding:0 2rem 2rem 0;color:#7a7a8c}.almanac-headers>div h2{color:#fff;margin:0 0 .5rem}.almanac-letter-row{display:grid;grid-template-columns:75px 1fr calc(75px + 2rem) 1fr;border-top:1px solid #201c29}@media(max-width:800px){.almanac-letter-row{grid-template-columns:30px 1fr calc(30px + 1rem) 1fr}}.property-letter{padding-left:2rem}@media(max-width:800px){.property-letter{padding-left:1rem}}.property-list,.selector-list{padding:100px 0 2rem}.property-list>ol>li>a,.selector-list>ol>li>a{display:block;padding:.5rem 0;border-bottom:1px solid #201c29;color:#c2c2c2}.property-list>ol>li>a:focus,.property-list>ol>li>a:hover,.selector-list>ol>li>a:focus,.selector-list>ol>li>a:hover{border-bottom-color:#ff8a00}.selector-list{border-right:1px solid #201c29;padding-right:2rem}@media(max-width:800px){.selector-list{padding-right:1rem}}.property-letter,.selector-letter{padding-top:100px;font-weight:700;font-size:32px}@media(max-width:800px){.property-letter,.selector-letter{font-size:26px}}.caniuse{font-size:.8rem;background:#fffaf2;padding:1.5rem;margin:0 0 1rem;border-radius:8px}.caniuse .caniuse-section:last-child{margin-top:1rem}.caniuse h4{font-size:1.1rem;padding-top:0!important;margin:2rem 0 0}.browser-support-table,.wp-block-table.browser-support-table>table{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;border-collapse:separate!important;border-spacing:.25rem!important}.browser-support-table tr,.wp-block-table.browser-support-table>table tr{background:0 0!important}.browser-support-table th,.wp-block-table.browser-support-table>table th{background:0 0!important;color:#201c29!important;border:0!important;position:relative;line-height:1.1;vertical-align:top}.browser-support-table th:before,.wp-block-table.browser-support-table>table th:before{content:"";display:block;margin:0 auto .5rem;width:32px;height:32px;background-size:contain}.browser-support-table th.chrome:before,.wp-block-table.browser-support-table>table th.chrome:before{background-image:url(images/browser-logos/chrome_64x64.png)}.browser-support-table th.opera:before,.wp-block-table.browser-support-table>table th.opera:before{background-image:url(images/browser-logos/opera_15-32_64x64.png)}.browser-support-table th.firefox:before,.wp-block-table.browser-support-table>table th.firefox:before{background-image:url(images/browser-logos/firefox_64x64.png)}.browser-support-table th.ie:before,.wp-block-table.browser-support-table>table th.ie:before{background-image:url(images/browser-logos/internet-explorer_9-11_64x64.png)}.browser-support-table th.edge:before,.wp-block-table.browser-support-table>table th.edge:before{background-image:url(images/browser-logos/edge_64x64.png)}.browser-support-table th.safari:before,.wp-block-table.browser-support-table>table th.safari:before{background-image:url(images/browser-logos/safari_64x64.png)}.browser-support-table th.ios:before,.browser-support-table th.iOS:before,.browser-support-table th.ios_saf:before,.wp-block-table.browser-support-table>table th.ios:before,.wp-block-table.browser-support-table>table th.iOS:before,.wp-block-table.browser-support-table>table th.ios_saf:before{background-image:url(images/browser-logos/safari-ios_64x64.png)}.browser-support-table th.op_mini:before,.browser-support-table th.op_mob:before,.wp-block-table.browser-support-table>table th.op_mini:before,.wp-block-table.browser-support-table>table th.op_mob:before{background-image:url(images/browser-logos/opera_15-32_64x64.png)}.browser-support-table th.android:before,.wp-block-table.browser-support-table>table th.android:before{background-image:url(images/browser-logos/android-webview-beta_64x64.png)}.browser-support-table th.and_chr:before,.wp-block-table.browser-support-table>table th.and_chr:before{background-image:url(images/browser-logos/chrome_64x64.png)}.browser-support-table th.and_ff:before,.wp-block-table.browser-support-table>table th.and_ff:before{background-image:url(images/browser-logos/firefox_64x64.png)}.browser-support-table td,.browser-support-table th,.wp-block-table.browser-support-table>table td,.wp-block-table.browser-support-table>table th{text-align:center!important;padding:.5rem!important;border-top:0!important;font-weight:700;border-radius:4px}.browser-support-table .yep,.wp-block-table.browser-support-table>table .yep{background:#47ca4c;color:#fff}.browser-support-table .nope,.wp-block-table.browser-support-table>table .nope{background:#ff0024;color:#fff}.browser-support-table .yep-nope,.wp-block-table.browser-support-table>table .yep-nope{background:#ffa100;color:#fff}@media(max-width:1200px){.browser-support-table,.browser-support-table tbody,.browser-support-table th,.browser-support-table tr,.wp-block-table.browser-support-table>table,.wp-block-table.browser-support-table>table tbody,.wp-block-table.browser-support-table>table th,.wp-block-table.browser-support-table>table tr{display:block}.browser-support-table thead,.wp-block-table.browser-support-table>table thead{display:none}.browser-support-table tr,.wp-block-table.browser-support-table>table tr{display:flex;flex-wrap:wrap}.browser-support-table td,.wp-block-table.browser-support-table>table td{border-radius:4px;border:0!important;margin:0 5px 5px 0}.browser-support-table td:before,.wp-block-table.browser-support-table>table td:before{color:#222;content:attr(data-browser-name) ": "}}.almanac-nav{margin:0}.almanac-nav>li{font-size:3em;margin:0 0 20px}.almanac-nav>li li{font-size:.4em}.almanac-nav>li small{border:1px solid #ccc;color:#ccc;display:inline-block;font-size:25%;margin-left:15px;padding:1px 5px;position:relative;bottom:15px}.jump-to-almanac-navigation{display:none}.single-almanac-content{display:grid;grid-template-columns:145px minmax(0,1fr) 285px}.single-almanac-content .article-sidebar{grid-area:1/1/2/2}.single-almanac-content .article-content{grid-area:1/2/2/3}.single-almanac-content .sidebar{grid-area:1/3/2/4}@media(max-width:1000px){.single-almanac-content{grid-template-columns:125px minmax(0,1fr)}.single-almanac-content .sidebar{display:none}}@media(max-width:650px){.single-almanac-content{grid-template-columns:1fr;gap:1.5rem}.single-almanac-content .article-content{grid-area:2/1/3/2;min-width:0}.single-almanac-content .jump-to-almanac-navigation{grid-area:1/1/2/2;display:block;text-align:center}.single-almanac-content .sidebar{grid-area:3/1/4/2}}.almanac-sidebar-list>li{margin-bottom:2rem}.almanac-sidebar-list>li>a{text-transform:uppercase;display:block;font-size:12px}.almanac-sidebar-list>li>ul>li>a{display:block}.almanac-sidebar-list>li>ul>li>a:focus,.almanac-sidebar-list>li>ul>li>a:hover{-webkit-text-fill-color:#fff!important;text-decoration:none}.almanac-sidebar-list>li>ul>li>a:before{content:">";font-size:12px;vertical-align:middle;color:grey;margin-right:.2rem;display:inline-block;width:10px;height:26px;position:relative;transform-origin:center center;transition:.3s}.almanac-sidebar-list>li>ul>li>a.almanac-sidebar-link-open:before{transform:rotate(90deg)}.almanac-sidebar-list>li>ul>li>ul{display:none;font-size:10px}@media(max-width:650px){.almanac-sidebar-list{display:grid;grid-template-columns:1fr 1fr;padding:1rem;grid-gap:.5rem}.almanac-sidebar-list .children li{margin:0 0 .25rem}.almanac-sidebar-list .children a{background:#312d3c;display:block;padding:0 .25rem;border-radius:3px}.almanac-sidebar-list .children li ul{margin:0 0 1rem}.almanac-sidebar-list .children li li a{padding:.35rem 1rem}}.top-nav-archives{white-space:nowrap;position:relative;overflow:visible;width:100%}.top-nav-archives .select-navigator{width:384px;margin-right:auto}.number-of-articles{color:#b1b1b1;margin-right:1rem;margin-left:1rem;font-size:16px}@media(max-width:800px){.number-of-articles{display:none}}.sorting-button{color:#b1b1b1;font-size:16px;line-height:1.6;border-left:1px solid #312d3c;padding-left:1rem}@media(max-width:800px){.sorting-button{margin-left:1rem}}.down-arrow{display:inline-block;transform:rotate(90deg)}.down-arrow svg{width:20px;height:20px}.sorting-controls{font-family:Operator Mono A,Operator Mono B,Source Code Pro,Menlo,Consolas,Monaco,monospace;font-weight:400;position:absolute;z-index:5;right:0;top:80%;box-shadow:0 4px 80px #000;max-width:395px;white-space:normal;text-align:left;padding:0 1rem;border-radius:4px;background:#201c29;max-height:0;overflow:hidden;transition:.2s;margin:1rem 0 0}.sorting-controls.open{max-height:400px;padding-top:1rem;padding-bottom:1rem}.sorting-controls .custom-select{display:inline-block;width:100px;border:2px solid #312d3c;margin-bottom:10px}@media(max-width:800px){.sorting-controls{font-size:.66rem}}body.single-guides .header-line-only{z-index:2;bottom:6px}body.post-type-archive-guides .read-more{display:none}body.post-type-archive-guides .page-wrap-max-width{padding-top:3rem}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:6rem 4rem}.guide-card h2{margin:-2rem 1rem 0;background:#100e17;position:relative;padding:1rem 1rem .5rem;border-radius:8px}.guide-card .guide-time{padding-left:2rem;margin:0 0 1.5rem}.guide-card time{color:#fff}.guide-card .article-publication-meta{color:#7a7a8c;display:flex}.guide-card .article-publication-meta .created{margin-right:1rem}.guide-card .article-publication-meta .number-of-resources{margin-left:.3rem;color:#b1b1b1}.guide-card-img{width:100%;background:#a4a4a4;border-radius:8px}.guide-wrap{background:#100e17}.guide-wrap-special{background:#fff;line-height:1.6;overflow-wrap:break-word;padding-bottom:80px}.guide-wrap-special li,.guide-wrap-special p{max-width:800px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-gap:6rem 4rem}.article-grid .article-card{margin-bottom:0}@media(max-width:800px){.article-grid{display:block}.article-grid .article-card{margin-bottom:6rem}}.snippet-top-level-nav{display:flex}.snippet-top-level-nav li.active{border-bottom:3px solid #e52e71}.list-of-snippets>li{display:grid;grid-template-columns:50% 1fr 1fr 1fr;border-bottom:1px solid #312d3c;align-items:center;padding:.75rem 0}@media(max-width:800px){.list-of-snippets>li{padding:1rem 0;grid-template-columns:1fr 1fr 1fr}.list-of-snippets>li .snippet-title{grid-column:1/4;margin:0 0 .5rem}}.list-of-snippets.limit-shown>li:nth-child(n+50){display:none}.snippet-title{font-family:Ringside Regular A,Ringside Regular B,Rubik,Lato,Lucida Grande,Lucida Sans Unicode,Tahoma,Sans-Serif;font-style:normal;font-weight:700;font-size:20px;padding-right:20px}.snippet-author,.snippet-category,.snippet-updated{color:#7a7a8c;font-size:16px}.snippet-author a,.snippet-author time,.snippet-category a,.snippet-category time,.snippet-updated a,.snippet-updated time{color:#fff}body.search-results .page-header-top-nav-inside{width:100%}body.search-results .page-header-top-nav-inside .search-form{flex:1}body.search-results .site-header .search,body.search-results .site-header .search-opener{display:none}.search-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:2rem;padding:2rem 0}@media(max-width:800px){.search-grid{display:block}}.two-line-excerpt{color:#c2c2c2}.two-line-excerpt>*{display:none}.two-line-excerpt p:first-of-type{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin:0}.search-grid-list ol li{display:flex;align-items:flex-start;margin:0 0 4rem}.search-grid-list ol li .the-post-thumbnail{flex:0 0 200px;margin-right:2rem}.search-grid-list ol li .the-post-thumbnail img{border-radius:8px}.search-grid-list ol li .the-post-thumbnail-placeholder{border:4px solid #312d3c;border-radius:8px;display:flex;align-items:center;justify-content:center;align-self:stretch}.search-grid-list ol li .the-post-thumbnail-placeholder svg{width:40px;height:40px}.search-grid-list ol li .the-post-thumbnail-placeholder svg:not(.icon-link){stroke:#fff;fill:none;stroke-width:2;stroke:#c2c2c2}.search-grid-list ol li .icon-link{fill:#cfcfcf;width:18px;margin:0}.search-grid-list ol li h2{font-size:1.4rem;margin:0 0 .5rem}@media(max-width:1200px){.search-grid-list ol li .the-post-thumbnail{display:none}}.search-result-header{margin:0 0 .25rem;font-size:.9rem}.jetpack-search-form .search-form{width:auto;padding:0}.csw-widget{color:#fff}.jetpack-instant-search__search-result-title{overflow:visible!important;font-size:1.7rem}.jetpack-instant-search__search-result-title a{color:#ff8a00!important}.jetpack-instant-search__search-result-title a:focus,.jetpack-instant-search__search-result-title a:hover{-webkit-background-clip:none!important;-webkit-text-fill-color:#e52e71!important;color:#e52e71!important}.jetpack-instant-search__search-result-title a mark{color:#ff8a00!important}.jetpack-instant-search__search-results .jetpack-instant-search__search-results-primary mark{background-color:#412f09!important;color:#fff!important;border-radius:4px;padding:0 5px 4px}.jetpack-instant-search__search-result-minimal{font-size:.85rem;margin:2rem 0 3rem!important}.jetpack-instant-search__filters .jetpack-instant-search__filter-sub-heading{margin-top:2rem}.jetpack-instant-search__filter-sub-heading{color:#e52e71;font-size:1rem;text-transform:uppercase}.jetpack-instant-search__filter-list>div{white-space:nowrap;font-size:.9rem}body.page-template-page-newsletters-php .footer-newsletter #footer-form-wrap,body.page-template-page-newsletters-php .footer-newsletter h2,body.page-template-page-newsletters-php .footer-newsletter p{display:none}.newsletters-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 400px;padding:2rem;grid-gap:8rem}@media(max-width:880px){.newsletters-wrap{display:block}}@media(max-width:800px){.newsletters-wrap{padding-left:1rem;padding-right:1rem}}.newsletters-wrap-left{margin-bottom:4rem}.newsletters-wrap-left p{color:#c2c2c2}.newsletters-wrap-left svg{width:40px;height:40px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:.3rem}.newsletters-wrap-left svg path:nth-child(3){stroke:url(#orange-to-pink)}.newsletters-wrap-left h3{margin-top:2rem}.newsletters-nav{margin-bottom:1rem;display:flex;white-space:nowrap}.newsletters-nav .custom-select{margin:0 .5rem}.newsletters-nav label{align-self:center}#newsletter-select,.link-to-issue{border:2px solid #312d3c}.link-to-issue{padding:.5rem;border-radius:5px}.fake-phone{padding:2.5rem 1rem;margin:0 auto;background:#312d3c;border:1px solid #7a7a8c;border-radius:2rem}@media(max-width:800px){.fake-phone{width:100%;padding:0}}.fake-phone-iframe-wrap{height:600px;overflow-y:auto}body.ios .fake-phone-iframe-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch}.newsletter-iframe{height:100%;width:100%;border:0}.newsletter-iframe-wrap{height:800px}.header-breadcrumbs .single-newsletter-wrap .breadcrumb_last,.single-newsletter-wrap .header-breadcrumbs .breadcrumb_last,.single-newsletter-wrap h1{text-align:center;color:#000;padding:2rem;font-size:13vw}.single-newsletter{background:#fff;border-radius:8px;max-width:600px;margin:-8px auto 1rem;padding:20px}.sponsor-subtitle{color:#ff8a00;text-transform:uppercase;font-size:.9rem;margin:0}.people-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:4rem;margin:0 0 4rem}.css-tricks-person{overflow:hidden}.css-tricks-person h4{font-weight:700;padding:0;margin:0 0 .25rem}.css-tricks-person .author-avatar{margin:0 0 1rem}.css-tricks-person .author-avatar .avatar{width:130px;height:130px!important;transform:translate(17px,-15px)}.css-tricks-person .author-avatar .half-circle{width:185px;height:99px;bottom:-10px}.css-tricks-person .links{margin:0 0 1rem}.css-tricks-person .links svg{width:28px;height:28px}.css-tricks-person .links .icon-globe{stroke:#b1b1b1;stroke-width:2}.css-tricks-person .links .logo-twitter{fill:#b1b1b1;margin-right:.3rem}.css-tricks-person .links a:focus .logo-twitter,.css-tricks-person .links a:hover .logo-twitter{fill:url(#orange-to-pink)}.css-tricks-person .links a:focus .icon-globe,.css-tricks-person .links a:hover .icon-globe{stroke:url(#orange-to-pink)}.css-tricks-person .person-bio{font-size:.9rem;line-height:1.4;color:#a4a4a4;padding-bottom:.5rem;border-bottom:1px solid #201c29}.css-tricks-person .total-articles{background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:700}body.bbpress #bbpress-forums div.bbp-reply-content a,body.bbpress #bbpress-forums div.bbp-topic-content a{background:inherit}body.bbpress .article-and-sidebar{padding:0}#bbpress-forums,#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-lead-topic,#bbpress-forums ul.bbp-replies,#bbpress-forums ul.bbp-search-results,#bbpress-forums ul.bbp-topics{font-size:16px!important;line-height:1.4!important}#bbpress-forums div.bbp-reply-content code,#bbpress-forums div.bbp-reply-content pre,#bbpress-forums div.bbp-topic-content code,#bbpress-forums div.bbp-topic-content pre{background:#201c29!important;color:#fff!important;border:0}body.bbpress #bbpress-forums div.bbp-reply-content a,body.bbpress #bbpress-forums div.bbp-topic-content a{background:0 0;-webkit-text-fill-color:#03a9f4}body.bbpress .bbp-search-form{margin:0 0 14px}body.bbpress .bbp-search-form input[type=email],body.bbpress .bbp-search-form input[type=password],body.bbpress .bbp-search-form input[type=search],body.bbpress .bbp-search-form input[type=text],body.bbpress .bbp-search-form input[type=url],body.bbpress .bbp-search-form textarea,body.bbpress .forums-login-form input[type=email],body.bbpress .forums-login-form input[type=password],body.bbpress .forums-login-form input[type=search],body.bbpress .forums-login-form input[type=text],body.bbpress .forums-login-form input[type=url],body.bbpress .forums-login-form textarea{font-family:inherit;outline:0;border:1px solid #a4a4a4;padding:5px 1rem;border-radius:8px;display:block;width:100%;margin:0 0 8px}body.bbpress .button{padding-top:5px;padding-bottom:5px}#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{border:1px solid #939393}.wc-memberships-restriction-message,.wp-block-handpicked-products{margin:1rem 0;padding:1rem;border:10px solid;border-image-source:linear-gradient(45deg,#e52e71,#ff8a00);border-image-slice:1}.wc-memberships-restriction-message .wc-block-grid__product-add-to-cart,.wp-block-handpicked-products .wc-block-grid__product-add-to-cart{margin-bottom:0!important}.wc-memberships-restriction-message .wc-block-grid__product-link,.wp-block-handpicked-products .wc-block-grid__product-link{display:block;font-size:3rem}.wc-memberships-restriction-message .wc-block-grid__product,.wp-block-handpicked-products .wc-block-grid__product{border:0!important}.wc-memberships-restriction-message .price,.wp-block-handpicked-products .price{font-size:2rem}.wc-memberships-restriction-message .amount,.wp-block-handpicked-products .amount{font-weight:700;font-style:italic}.wc-memberships-restriction-message .subscription-details,.wc-memberships-restriction-message .wc-block-grid__product-image,.wp-block-handpicked-products .subscription-details,.wp-block-handpicked-products .wc-block-grid__product-image{display:none}.wc-block-grid__products{margin:0!important}.onsale,.product_meta,.variations,.wc-tabs,.woocommerce-breadcrumb{display:none}.product{overflow:hidden}.woocommerce div.product div.images{float:none!important;width:auto!important;border-radius:8px;overflow:hidden}.woocommerce-page.woocommerce-page div.product div.summary{float:none;width:auto}.woocommerce.woocommerce div.product p.price{color:#e52e71}.woocommerce div.product form.cart div.quantity{float:none!important}.woocommerce div.product form.cart div.quantity input[type=number]{border-radius:4px;border:0}.select2-container{background:#fff;color:#000}.product{display:grid;grid-template-columns:5fr 4fr;grid-gap:2rem}@media(max-width:800px){.product{grid-template-columns:100%}}.product img{border-radius:8px}.woocommerce-tabs{grid-column:1/-1}#tab-description h2{display:none}.woocommerce-product-gallery__wrapper img{border:3px solid transparent}body.woocommerce-account .sidebar{display:none}body.woocommerce-account .article-and-sidebar{display:block;padding:1rem}.my-membership>div.woocommerce,body.member-logged-in:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-lost-password) .article-content>div.woocommerce{display:grid;grid-template-columns:320px 1fr;grid-gap:1rem}@media(max-width:800px){.my-membership>div.woocommerce,body.member-logged-in:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-lost-password) .article-content>div.woocommerce{grid-template-columns:100%}}.membership-benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;padding:0!important;margin:0!important}@media(max-width:800px){.membership-benefits{grid-template-columns:100%}}.membership-benefits li{padding:1rem;text-indent:0!important;color:#201c29;border-radius:4px}.membership-benefits li:before{display:none}.membership-benefits li:first-child{background:#ffb966}.membership-benefits li:nth-child(2){background:#60ccfd}.membership-benefits li:nth-child(3){background:#92cf94}.membership-benefits li:nth-child(4){background:#f089af}.membership-benefits li strong{display:block;font-size:1.3rem;margin:0 0 .5rem}.woocommerce-product-details__short-description{max-width:700px}.account-bar{background:#201c29;border-radius:8px;padding:1rem;text-align:center;margin:0 0 2rem}.woocommerce.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;padding:2rem}.woocommerce.woocommerce ul.products:before{display:none}.woocommerce.woocommerce ul.products li.product{width:auto;display:block}.woocommerce.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover{-webkit-background-clip:none!important;-webkit-text-fill-color:#e52e71!important;color:#e52e71!important}#customer_details{margin:0 0 2rem}@media screen and (max-width:400px){@-ms-viewport{width:320px}}@media print{#respond,.button,.comment-reply-link,.cp_embed_wrapper>iframe,.google-ad,.header-gradient-after,.mega-header:before,.related-ads-comments-wrap,.related-posts,.search,.sharedaddy,.site-header,.tags,.view-comments-button,.win-size-grip,[class*=bsa],aside,footer,header.top,nav,svg{display:none!important}.cp_embed_wrapper{height:auto!important}.cp_embed_wrapper:before{content:"Embedded Pen Here";border:1px solid #ccc;margin:2rem 0;display:block;padding:2rem;text-align:center}#respond{page-break-before:always}body{background:0 0}.article-and-sidebar{display:block;width:100%;padding:0;max-width:100%}.header-breadcrumbs,a,code,code span,html,pre,pre:before,time{background:0 0!important;color:#000!important}pre{border-top:1px solid #000;border-bottom:1px solid #000}.article-content a:after{content:" (" attr(href) ") "}}.swift-control-widgets{bottom:0!important;right:0!important;top:auto!important;left:auto!important;display:flex;flex-direction:column;transform:none!important}.swift-control-widgets .widget-setting{background:#ff8a00!important;order:999;opacity:1!important;visibility:visible!important;transition:none!important}.swift-control-widgets .widget-setting:after{display:none}.swift-control-widgets .widget-setting>i{transition:none!important}.swift-control-widgets .widget-setting:hover i:before,>i .swift-control-widgets .widget-setting:hover i{-webkit-text-fill-color:#fff!important}.swift-control-widgets .widget-link:hover{background:#ff8a00!important}.swift-control-widgets .widget-link:hover>i:before{-webkit-text-fill-color:#fff!important}