@font-face{font-weight:normal;font-style:normal;font-family:'codrops-social';src:url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-social.eot');src:url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-social.eot?#iefix') format('embedded-opentype'), url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-social.woff') format('woff'), url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-social.ttf') format('truetype'), url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-social.svg#codrops-social') format('svg')}@font-face{font-weight:normal;font-style:normal;font-family:'codrops-icons';src:url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-icons.eot');src:url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-icons.eot?#iefix') format('embedded-opentype'), url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-icons.woff') format('woff'), url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-icons.ttf') format('truetype'), url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/codrops-icons.svg#codrops-icons') format('svg')}@font-face{font-family:'browsericons';src:url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/browsericons.eot?p1p23f');src:url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/browsericons.eot?#iefixp1p23f') format('embedded-opentype'),
url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/browsericons.woff?p1p23f') format('woff'),
url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/browsericons.ttf?p1p23f') format('truetype'),
url('https://tympanus.net/codrops/wp-content/themes/codropstheme03/fonts/browsericons.svg?p1p23f#browsericons') format('svg');font-weight:normal;font-style:normal}*,*::before,*::after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px}@supports (font-variation-settings:normal){html{font-family:"Inter var",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}}.wt-cli-cookie-bar-container #cookie-law-info-bar,
.wt-cli-cookie-bar-container .wt-cli-cookie-bar{padding:1rem 2.5rem !important;width:auto;text-align:left;left:1rem;right:1rem;position:fixed;display:block;bottom:1rem !important;box-shadow:none}.ct-cf::before,.ct-cf::after{content:" ";display:table}.ct-cf::after{clear:both}.ct-cf{*zoom:1}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}table{border-spacing:0;border-collapse:separate}caption,th,td{text-align:left;font-weight:normal;padding:7px}td
code{font-size:0.64rem}blockquote,q{quotes:""""}sup{vertical-align:super;font-size:smaller}a
img{border:none}body{overflow-x:hidden;overflow-y:scroll;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#26272e}.ct-box-pagination a,
.ct-box-pagination span,
.ct-deals article p
em{font-weight:600;font-style:normal;letter-spacing:1px}h1,h2,h3,h4,h5,h6{line-height:1.3;letter-spacing:-0.045rem;font-weight:600}h3{font-size:1.25rem;margin-bottom:1.5rem}h4{font-size:1.25rem;margin-bottom:0.25rem}.ct-post-content h2,
.ct-post-content h3,
.ct-post-content h4,
.ct-page-content h2,
.ct-page-content h3,
.ct-page-content
h4{margin:3rem 0 0.5rem}.ct-post-content h2 a,
.ct-post-content h3 a,
.ct-post-content h4 a,
.ct-page-content h2 a,
.ct-page-content h3 a,
.ct-page-content h4
a{border-bottom:1px solid #000}.ct-post-content h2 a:hover,
.ct-post-content h2 a:focus,
.ct-post-content h3 a:hover,
.ct-post-content h3 a:focus,
.ct-post-content h4 a:hover,
.ct-post-content h4 a:focus,
.ct-page-content h2 a:hover,
.ct-page-content h2 a:focus,
.ct-page-content h3 a:hover,
.ct-page-content h3 a:focus,
.ct-page-content h4 a:hover,
.ct-page-content h4 a:focus{border-color:transparent}.ct-post-content h2+pre,
.ct-post-content h2+.codrops-playground-embed{margin-top:25px}.ct-post-content h1,
.ct-page-content
h1{font-size:2.441rem}.ct-post-content h2,
.ct-page-content
h2{font-size:1.953rem}.ct-post-content h3,
.ct-page-content
h3{font-size:1.563rem}.ct-post-content h4,
.ct-page-content
h4{font-size:1.25rem}.ct-post-content h5,
.ct-page-content
h5{font-size:1rem;margin:2em
0 0.25em;padding:0.25em 0}.ct-post h2 code,
.ct-post h3
code{text-transform:none;color:#657580;font-family:'Consolas','Courier New',Courier,monospace;//change this!
font-weight: bold;letter-spacing:0px;white-space:nowrap}.ct-post p>code,
.ct-post ul code,
.ct-post ol
code{white-space:nowrap;word-spacing:-0.35rem;background:#edf0f3;padding:0.25rem 0.3rem 0.1em}a{outline:none;color:#000;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:#334BF7}.ct-post a,
a
code{color:#334BF7}a:hover code,
a:focus code,
.ct-post a:hover,
.ct-post a:focus{color:#000}.ct-post h1 a,
.ct-post h2 a,
.ct-post h3 a,
.ct-post h4 a,
.ct-post h5 a,
.ct-post h6 a,
.ct-previous-roundups
a{color:#000}.ct-post h1 a:hover,
.ct-post h2 a:hover,
.ct-post h3 a:hover,
.ct-post h4 a:hover,
.ct-post h5 a:hover,
.ct-post h6 a:hover,
.ct-previous-roundups a:hover,
.ct-post h1 a:focus,
.ct-post h2 a:focus,
.ct-post h3 a:focus,
.ct-post h4 a:focus,
.ct-post h5 a:focus,
.ct-post h6 a:focus,
.ct-previous-roundups a:focus,
.ct-more:hover,
.ct-more:focus,
.ct-post-tags a:hover,
.ct-post-tags a:focus{color:#334BF7}a:focus{outline:1px
solid rgba(0, 0, 0, 0.05)}h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6
a{outline:none;text-decoration:none}img{max-width:100%;height:auto}a:hover
img{opacity:0.9}.bsap a:hover
img{opacity:1}.clr{float:none;clear:both}hr{border-style:solid;border-color:#E7EAF0}dl.tab-dl{background:rgb(227, 242, 221);padding:1.5em 1.5em 0.5em 1.5em;margin:1em
0 2em}dl.tab-dl
dt{font-weight:bold}dl.tab-dl
dd{margin-bottom:1em}#bsaasw_adsaleswidget{font-family:inherit !important}.wp-video{margin:2rem auto}.ct-post
iframe{border:none;margin:1.5rem 0}.ct-main .ct-post iframe[src*="codesandbox"]{border-right:1px solid black !important;background:#000}.embed_responsive{margin:1.5rem 0}.embed_responsive--gfycat{position:relative;padding-bottom:calc(75% + 44px)}.embed_responsive--gfycat::after{content:'';width:100%;height:calc(100% - 44px);border:1px
solid #dbdbe6;position:absolute;top:0;left:0}.embed_responsive
iframe{margin:0}code{color:#657580;font-weight:inherit;font-family:'Consolas','Courier New',Courier,monospace;line-height:1;-webkit-font-smoothing:auto}.wp-block-code
code{line-height:1.5}.ct-post-content h4
code{font-style:normal}.ct-post-content h3
code{color:rgba(0, 0, 0, 0.3);font-weight:inherit;font-family:inherit}.wp-block-embed:first-child{padding-top:0}.wp-block-embed .wp-block-embed__wrapper{width:100%;padding-bottom:61%;height:0;position:relative}.wp-block-embed-twitter .wp-block-embed__wrapper{padding-bottom:0;height:auto}.wp-block-embed .wp-block-embed__wrapper iframe,
.wp-block-embed
iframe{border:none;position:absolute;width:100%;height:100%;margin:0}.codesandbox-embed{width:100%;height:500px;border:1px
solid black !important;border-top:0 !important;overflow:hidden;margin:1.5rem 0px}.ct-sponsored{font-size:0.9rem;font-weight:600;color:#ec6954;display:inline-block}.ct-sponsored::before{content:'\2014\2014';display:inline-block;margin-right:0.5rem;color:inherit;font-weight:400}.ct-main-post .ct-sponsored::before{margin-left:0.5rem}.ct-latest .ct-sponsored{margin:0
0 0.25rem 0}.ct-box--archive .ct-sponsored{margin:0
0 1rem}.ct-subline__author::first-letter {text-transform:uppercase}.wp-img-border img,
.wp-img-border
video{border:1px
solid #ddd}video:focus{outline:none}.cp_embed_wrapper{margin:2rem 0}.cos,.ct-msponsor-article,.ct-msponsor-collective{}.ct-msponsor-article{font-size:1rem;margin-bottom:2rem}.ct-msponsor-article
span{color:#ec6954}.ct-post .ct-msponsor-article
a{color:#828282}.ct-msponsor-article a:hover,
.ct-msponsor-article a:focus{color:#000}.ct-msponsor-collective{margin:3rem 0 0;max-width:60ch}.ct-msponsor-collective
span{padding-right:1ch}.ct-coll-cover .ct-msponsor-collective
a{}.box-offer{margin:1.5rem 0;padding:2.5rem 3.5rem;background:#E4E3F2}.box-offer
h4{padding:0;margin:0
0 0.5em 0}.box-attention{margin:1.5rem 0;padding:2.5rem 3.5rem;background:#FBE1E8}.box-highlight{margin:1.5rem 0;padding:2.5rem 3.5rem;background:#fbf9e1}.box-info{margin:1.5rem 0;padding:2.5rem 3.5rem;background:#dfe4e6}.ct-featured-img-rss{display:none}.ct-post-featured-img{padding:0
0 1.5rem}.ct-post .ct-post-featured-img
img{margin:0
auto;width:800px}.ct-post-content ul.browser-support{padding-left:1em;height:1em;display:inline-block;list-style-type:none;margin-bottom:30px;vertical-align:middle}ul.browser-support li,
.ct-post-content ul.browser-support
li{display:inline-block;width:26px;height:26px;margin:0
20px 0 0;position:relative}ul.browser-support li .bs-browser{position:absolute;pointer-events:none;opacity:0;top:0;height:0}ul.browser-support li .bs-info{position:absolute;color:#f0f0f0;font-weight:600;font-size:10px;background:#414a51;padding:5px;line-height:1;white-space:nowrap;top:100%;margin-top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;display:none}ul.browser-support li .bs-info::before{bottom:100%;left:50%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-bottom-color:#414a51;border-width:5px;margin-left:-5px}ul.browser-support li:hover .bs-info{display:block}ul.browser-support li::before{font-family:'browsericons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:26px;position:absolute;left:0;top:0;color:#ebae9f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul.browser-support li.bs-supported::before{color:#bad8b0}ul.browser-support li.bs-supported-flag::before{color:#F4DAA2}.bs-chrome::before{content:"\eae5"}.bs-firefox::before{content:"\eae6"}.bs-ie::before{content:"\eae7"}.bs-opera::before{content:"\eae8"}.bs-safari::before{content:"\eae9"}ul.browser-support li::after{content:attr(data-version);position:absolute;font-size:10px;color:#bad8b0;top:0;font-family:inherit;font-weight:600;left:100%}.ct-talign-right{text-align:right}.ct-padded{padding:1em}.codrops-playground-embed{margin:10px
0}.ct-post-content
figure{padding:1rem 0;max-width:100%;width:100% !important}.ct-post
figcaption{padding:0.5rem 0 1rem;color:#70767c;text-align:center;font-style:italic;font-size:86%;line-height:1.4}.spacer{height:40px}.ct-last{margin-right:0px !important}.ct-post p.wp-caption-text{margin-bottom:20px;padding:10px;font-style:italic;font-size:13px;line-height:20px}.ct-post a img.nofancy,
.ct-post
img.nofancy{border:none}.aligncenter{margin:0
auto}.fleft{float:left !important}.fright{float:right !important}.ct-amp,
.ct-coll-item a.ct-coll-thumb span
i{font-weight:100;font-style:italic;font-family:'Baskerville','Goudy Old Style',Palatino,'Book Antiqua',serif}.ct-post-img-box{padding-top:20px;min-height:250px}.ct-post-img-box a
img{margin-top:20px}.ct-post-content .ct-post-img-box
h4{padding-top:0px}.ct-post-thumbleft{clear:both}.ct-post-thumbleft
p{padding:0}.ct-post-thumbleft p.ct-post-thumb{margin-right:40px}.ct-post-thumbleft .ct-post-thumb
img{margin:0}.button,
.buttonbig,
input[type="submit"],
.fm-form input[type="submit"],
.ct-post .button--article{display:inline-block;border:none;color:#fff;text-decoration:none;text-shadow:none;cursor:pointer;background:#334BF7;color:#fff;padding:0.5rem 2.5rem;border-radius:2rem;font-weight:600;font-family:inherit}.buttonbig.action:hover,
input[type="submit"]:hover,
.ct-post .button--article:hover,
.buttonbig.action:active,
input[type="submit"]:active,
.ct-post .button--article:active{background:#000;color:#fff}.ct-latest-bottom a,
.ct-latest-any-bottom a,
.ct-archive-link a,
.ct-feat-bottom a,
a.ct-commenttime,
.ct-commentreply a,
.ct-commentedit a,
.ct-cssref-widget__footer
a{white-space:nowrap;vertical-align:middle}.ct-latest-bottom a::after,
.ct-latest-any-bottom a::after,
.ct-archive-link a::after,
.ct-feat-bottom a::after,
.ct-cssref-widget__footer a::after{font-family:'codrops-icons';content:'\e604';padding-left:0.5em;vertical-align:middle}.ct-post{margin-bottom:1rem;position:relative}.ct-letterpress{margin:2rem 0}.ct-index .ct-letterpress,
.ct-main-post .ct-letterpress{margin:0px}.ct-container{position:relative;width:100%}.ct-inner{position:relative;margin:0
auto;padding:0px
2rem;max-width:1350px}.ct-content .ct-inner{display:grid;grid-template-columns:1fr 300px}.ct-content .ct-inner--noside{display:block}.ct-header{position:relative;z-index:999;padding:1.5rem 0 7rem}.ct-header .ct-inner{display:grid;grid-template-columns:85px 1fr auto;align-items:center}.ct-branding a.ct-logo{display:inline-block;outline:none}.ct-branding a.ct-logo:hover{opacity:0.9}.ct-logo-img{margin:2px
auto 0;display:block;width:84px}.ct-nav-wrapper{margin:0
0 0 8vw}.ct-nav-main
ul{display:flex;flex-wrap:wrap}.ct-nav-main ul
li{margin:0.5rem 1rem;text-transform:lowercase}.ct-nav-main ul li
a{white-space:nowrap;font-weight:600}.ct-nav-main ul li a:hover{color:#334BF7}.ct-header-items-right{margin-left:auto;width:300px}.ct-content{margin:0
auto;min-height:1960px}.ct-content.ct-index{min-height:2200px}.ct-footer{position:relative;bottom:0px;padding:5rem 0 5rem;width:100%;background:#f1f1f1}.ct-footer .ct-inner{overflow:hidden;margin:0
auto;display:flex}.ct-footer
nav{height:100%;display:flex}.ct-footer__column:first-of-type{margin-right:6rem}.ct-footer__column--credits{margin-left:auto;max-width:11rem}.ct-footer__column--credits
ul{display:flex;flex-direction:column;margin-left:auto;text-align:right}.ct-footer__column--credits li:last-of-type{margin:auto 0 0.5rem}.ct-footer__column:not(.ct-footer__column--credits) ul{margin-right:3rem}.ct-footer__column:not(.ct-footer__column--credits) ul
li{margin:0.5rem 0;text-transform:lowercase}.ct-footer ul li
a{text-decoration:none;white-space:nowrap}.ct-footer
h5{letter-spacing:0;font-size:1rem;margin-bottom:2rem}.ct-items{float:right;width:600px;text-align:left}.ct-item{float:right;clear:none;margin:30px
0 0 0}.ct-item
span{font-size:0.64rem}.ct-sidebar-left{float:right;margin-left:1%;width:19%;height:100px}.ct-sidebar{position:relative;width:300px;border:none;margin-bottom:3rem}.ct-sidebar .ct-small-text{display:block;padding:10px}.ct-main{margin:0
0 4rem 0;width:auto;padding-right:4rem}.ct-main--noside{margin:0;padding:0}.ct-main-post,.ct-main-page{max-width:calc(800px + 4rem)}.post.pingback{display:none}.ct-featured{clear:both;min-height:0}.ct-featured
article{clear:both;background-color:#fff}.ct-feat-img{display:block;float:left;width:100%}.ct-feat-img
img{display:block;float:right;border:none;width:100%}.ct-feat-img:hover img,
.ct-latest-thumb a:hover{border-color:#98bcdc}.ct-feat-left{float:left;width:45%}.ct-feat-right{width:55%;padding:0
2rem 0 3rem;float:right}.ct-feat-bottom{padding:0.85em 0}article .ct-subline{position:relative;color:#828282;font-size:0.9rem;font-weight:500}.ct-post article .ct-subline{display:flex;align-items:center}.ct-featured .ct-subline{padding:1em
0}.ct-subline__author{display:block}.ct-subline__time{}.ct-subline__date{white-space:nowrap}article .ct-subline
.avatar{border-radius:50%;margin:0
0.75rem 0 0}article .ct-subline .ct-subline__pubtime{margin:0}article .ct-subline
a{color:#828282;white-space:nowrap}article .ct-subline a:hover,
article .ct-subline a:focus{color:#334BF7}.ct-small-text{font-size:0.825em;color:#888}.ct-latest .ct-subline{padding:0.5em 0 0}.ct-latest-title{font-size:1.25rem;padding-top:0.25rem;margin-bottom:0}.ct-latest-thumb{float:left;position:relative;z-index:10;margin:0
1rem 1rem 0}.ct-latest-thumb
a{display:block;width:105px;height:105px;background:#334BF7}.ct-latest-thumb a
img{display:block;width:105px;height:105px}.index-wrap{padding:0
0 4rem;display:grid;grid-template-columns:380px 1fr;grid-template-areas:'side main'}.index-wrap-left{grid-area:side}.index-wrap-right{padding:0
0 0 3rem;grid-area:main}.ct-latest .ct-section-heading-small{border-bottom:3px solid #f1f1f1;display:block;margin:0
0 1.5em 0;padding:0
0 0.5em;color:rgb(160, 173, 182)}.ct-archive-container--grid .ct-feat-excerpt{line-height:1.5;margin-bottom:2rem}.ct-featured .ct-feat-excerpt{margin:0;max-width:30rem}.ct-feat-title{font-size:1.75rem}.ct-subline
time{padding:0px;white-space:nowrap}.ct-subline time.ct-time-single{padding:0
2px;border:none}.ct-latest
article{padding:1rem 0}.ct-latest article:first-child{padding-top:0}.page-numbers{padding:0
0.5rem;display:inline-block}.page-numbers.current{font-weight:600}.ct-postnav{padding:2rem 0}#wp_page_numbers ul,.ct-commentnav{color:#777;list-style:none;line-height:25px}.ct-commentnav{padding:0;text-align:right;margin:1rem 0 0 0}#respond{padding:5px
0 5px 5px}.ct-commentlist{clear:both;overflow:hidden;margin-bottom:1rem}#wp_page_numbers
ul{width:100%;height:40px}#wp_page_numbers
li{display:inline-block;margin:2px}#wp_page_numbers
li.space{padding:0
5px}#wp_page_numbers a,
.ct-commentnav .page-numbers{display:inline-block;outline:none;text-decoration:none;padding:0
0.5rem}.ct-commentnav .page-numbers.prev{padding:0;margin:0
1rem 0 0}#wp_page_numbers li.active_page
a{font-weight:600}#wp_page_numbers
li.page_info{padding:0px
15px 0px 25px}.ct-post article.type-page{margin-bottom:20px}.ct-post
h1{line-height:1.2;margin:0;font-size:2.488rem}.ct-post article.page
h1{margin-bottom:2rem}.ct-post
img{position:relative;display:block;margin:10px
auto;text-align:center}.ct-post
object{display:block;margin:10px
auto}.ct-post
img.alignleft{float:left;margin:5px
20px 5px 0px;border:none}.ct-post
img.alignright{float:right;margin:5px
0px 5px 20px;border:none}.ct-post
img.aligninline{display:inline;margin:0
10px}.ct-post .ct-ss{position:relative;overflow:hidden;margin:0
auto;padding:0;max-width:580px}.ct-post .ct-ss
img{position:absolute;top:0px;left:0px;z-index:0;margin:0;padding:0}.ct-post .ct-ss img:first-child{position:relative}.ct-post .ct-ss-3
img{-webkit-animation:ssfader 18s linear infinite 0s backwards;animation:ssfader 18s linear infinite 0s backwards}.ct-post .ct-ss-3 img:nth-child(2){-webkit-animation-delay:6s;animation-delay:6s}.ct-post .ct-ss-3 img:nth-child(3){-webkit-animation-delay:12s;animation-delay:12s}@-webkit-keyframes
ssfader{0%{opacity:0}8%{opacity:1}17%{opacity:1}25%{opacity:1;-webkit-transform:scale(1)}44%{opacity:0;-webkit-transform:scale(1.3)}100%{opacity:0}}@keyframes
ssfader{0%{opacity:0}8%{opacity:1}17%{opacity:1}25%{opacity:1;transform:scale(1)}44%{opacity:0;transform:scale(1.3)}100%{opacity:0}}.ct-demo-links{margin:2rem 0 3rem;font-size:1rem;display:flex}.ct-demo-links
a{display:inline-block;margin-right:1rem;background:#334BF7;color:#fff;padding:0.5rem 2.5rem;border-radius:2rem;font-weight:600;margin-bottom:0.5rem}.ct-demo-links a:hover,
.ct-demo-links a:focus{background:#000;color:#fff}.ct-post-excerpt{clear:both;font-size:1.375rem;line-height:1.3;margin:1.5rem 0}.ct-cat-desc{clear:both;line-height:1.5;width:85%;font-size:1.313rem}.ct-header-wrap{width:100%;display:grid;grid-template-columns:1fr minmax(400px, 30%);grid-template-rows:auto auto;grid-template-areas:'header-title header-sponsor'
'header-desc header-sponsor';grid-column-gap:5vw;align-items:start}.ct-header-wrap
h1{grid-area:header-title}.ct-header-wrap .ct-cat-desc{grid-area:header-desc;width:100%}.ct-header-wrap__side{max-width:400px;grid-area:header-sponsor}.ct-header-wrap__side
#carbonads{padding:1.5rem;background:#f0f0f0}.ct-header-wrap__side #carbonads .carbon-wrap{display:grid;grid-template-columns:130px 1fr;align-items:center}.ct-header-wrap__side #carbonads .carbon-img{padding-bottom:20px;min-width:120px}.ct-header-wrap__side #carbonads .carbon-text{padding:0
1rem;font-size:0.9rem}.ct-header-wrap__side #carbonads .carbon-poweredby{text-align:left;background:none;position:relative;width:auto;padding:0.5rem 0 0}.ct-footer-credits{font-size:0.9rem;margin:3rem 0}.ct-post-content ul,
.ct-post-content
ol{clear:both;padding:1em
0}.ct-page-content{margin-bottom:5rem}.ct-post-content,.ct-page-content{font-size:1.125rem;line-height:1.625}.ct-post-content{padding-top:3rem}.ct-post-content p,
.ct-page-content
p{padding:0.75rem 0}.ct-post-content ul,
.ct-page-content
ul{list-style:square;list-style-position:outside;padding:1.5rem 0 1.5rem 3rem}.ct-post-content ol,
.ct-page-content
ol{padding:10px
10px 10px 20px}.ct-post-content ul li,
.ct-post-content ol li,
.ct-page-content ul li,
.ct-page-content ol
li{padding:5px
0 5px 5px}.ct-post-content li p,
.ct-page-content li
p{padding:0px}.ct-tags{margin:1rem 0}.ct-tags
a{margin:3px
2px}.ct-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-gap:2rem}.ct-more{margin:auto 0 0 0;color:#828282;font-size:0.9rem;font-weight:500}.ct-post-tags{display:none;font-size:0.9rem;font-weight:500;line-height:1.5;margin-bottom:1rem;text-transform:lowercase;width:90%;overflow:hidden;text-overflow:ellipsis}.single .ct-post-tags{width:100%;overflow:visible;text-overflow:initial}.ct-post-tags
a{margin-right:0.5rem;color:#828282;white-space:nowrap}.ct-post-tags a::before{content:'#'}.ct-box{padding:3rem}.ct-box--archive{grid-gap:2rem;padding:0;display:grid;margin-bottom:5rem;justify-content:start;grid-template-columns:auto calc(50% - 1rem)}.ct-archive-container--grid .ct-box--archive{display:block}.post-type-archive-sketches{background:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/images/lineart.svg) no-repeat 68% -5%;background-size:37%}.post-type-archive-sketches .ct-content{min-height:0}.ct-archive-container--grid .ct-box--archive{padding:0;margin-bottom:3rem}.ct-latest-description{display:flex;flex-direction:column;align-items:flex-start}.ct-archive-container--grid .ct-latest-description{max-width:none;margin-top:2rem;display:block}.ct-latest-thumb-archive{max-width:400px;position:relative}.ct-latest-thumb-archive
img{display:block}.ct-latest-thumb-archive--nocover::after{content:'';position:absolute;background:var(--col-color);width:100%;height:100%;top:0;left:0;mix-blend-mode:color}.ct-box
h2{line-height:1.2}.ct-box
h5{color:#999;font-size:0.9rem;font-weight:600;margin-bottom:1rem;letter-spacing:0}.ct-box.ct-box--archive
h2{padding-bottom:0}.ct-box-title{margin-bottom:1rem}.ct-box
p{line-height:1.5;margin-bottom:1rem}.ct-box p:last-child{margin-bottom:0}.ct-box-dark{padding:2rem;background:#E2F0F5}.ct-box
h4{text-transform:none}.ct-box .ct-small-text{display:block;clear:both;padding-bottom:12px}.ct-post .ct-box a img,
.ct-post .ct-box
img{float:left;margin:0px
15px 5px 0px}.ct-author-info{float:none;height:auto;margin:2rem 0}.ct-box--bg{background:#f1f1f1}body
#mc_embed_signup{background:transparent}body #mc_embed_signup
input.email{width:100%}#mc_embed_signup input.email:-webkit-autofill,
#mc_embed_signup input.email:-webkit-autofill:hover,
#mc_embed_signup input.email:-webkit-autofill:focus,
#mc_embed_signup input.email:-webkit-autofill:active{background-color:#fff}.ct-comments{clear:both;padding-top:30px}.ct-closed-right{float:right;padding-right:10px;text-transform:none;font-size:14px;line-height:60px}.ct-commenttitle{margin:3rem 0 1rem;display:flex;align-items:center;justify-content:space-between;width:100%}.ct-commenttitle
h2{float:left}.ct-commenttitle h2
sup{font-size:22px}.ct-comment{position:relative}.ct-comments ol
li{margin:10px
0px 10px 20px;padding:4px;background-color:#f1f1f1;list-style:none}.comment-form-url{display:none}.ct-comments ol li.depth-2{margin:0px
13px 15px 50px;background:#ebebeb}.ct-commentreply{text-align:right;padding:1rem}.comment-edit-link{margin:0
1rem 0 0}.comment-meta{position:relative;padding:1rem 1rem 0 45px;min-height:37px;height:auto;line-height:30px}a.ct-commenttime{display:inline;float:right}.comment-meta .ct-commentthumb{position:absolute;top:10px;left:-22px;display:block;margin:0}.comment-meta .ct-commentthumb
img{display:block}.ct-commentnumber{position:absolute;right:10px;bottom:23px;color:#F4F5F7;font-size:36px;line-height:36px}.ct-commentauthorname{font-weight:600}.ct-commentcontent{position:relative;padding:20px
55px 30px 45px}.ct-commentcontent,.ct-author-page-desc{line-height:1.5}.ct-commentcontent
p{padding:5px
0}.ct-commentmessage{color:#ccc}.ct-comment-form{clear:both;min-height:40px}.ct-commentlist
#respond{margin:0px
40px}.ct-comment-form
#respond{margin:3rem 0 0 20px}#respond
form{position:relative;clear:both;width:100%}#respond form
label{display:block;margin-bottom:0.5rem}#respond form
p{clear:both;margin:1rem 0px}#respond form p
.required{position:absolute;left:0;color:#BCCEDE}#respond form p.comment-notes{font-size:12px;line-height:16px}input[type="text"],textarea{padding:1rem;border:1px
solid #d2dadd;background:#fff;font-size:1rem;font-family:inherit}input[type="text"]:focus,textarea:focus{outline:none;border-color:#000}#respond form input[type="text"],
#respond form
textarea{display:inline-block}.ct-comment-form #respond form input[type="text"],
.ct-comment-form #respond form
textarea{background:#fff}#respond form
textarea{display:block;float:none;clear:both;width:100%}#respond form p.form-allowed-tags{font-size:12px;line-height:20px}#respond form p.form-allowed-tags
code{font-size:13px}#cancel-comment-reply-link{display:inline-block;margin:0
0 0 1rem;color:#aeaeae}#cancel-comment-reply-link::before{content:"("}#cancel-comment-reply-link::after{content:")"}.partner_section_post{position:relative;display:none;clear:both;padding:10px;border-top:1px solid #f7f7f7;border-left:1px solid #f7f7f7;background-color:#fff;color:#fff;font-size:11px;line-height:20px}.partner_section_post
span{padding-right:5px}.ct-content-coll .ct-inner{max-width:none;display:block}.ct-main-coll{margin:0
auto;min-height:0;max-width:1320px;padding-bottom:3rem}.ct-coll-cover{padding:0
0 7rem 0;max-width:none;width:100%;flex:none;margin:0;display:flex;flex-wrap:wrap}.ct-coll-cover__links{display:flex;flex-direction:column;align-items:end;justify-content:end;margin-left:auto}.ct-coll-cover__link{margin:0.15rem 0;color:#828282}.ct-coll-cover__link:last-child{margin-top:1rem}.ct-main-coll .ct-post .ct-coll-item.ct-coll-item--pan-just-email{display:none}.ct-post .ct-coll-cover
h1{margin:0;padding:0;border:none}.ct-coll-nav-bottom{text-align:center;margin:7rem 0 6rem 0}.ct-coll-nav-bottom a,
.ct-coll-nav-bottom
span{position:relative;display:inline-block;padding:10px
0px}.ct-coll-nav-bottom-next a::after,
.ct-coll-nav-bottom-prev a::before{font-size:0.85em;font-family:'codrops-icons'}.ct-coll-nav-bottom-prev a::before{content:"\e600";margin-right:5px}.ct-coll-nav-bottom-next a::after{content:"\e604";margin-left:5px}.ct-coll-nav-bottom
a{font-weight:600}.ct-coll-nav-bottom
span{color:#ddd}.ct-coll-nav-bottom a:hover{color:#334BF7}.ct-vert-lines{margin:0
2rem;display:inline-block}.ct-main-coll .ct-post p.ct-coll-excerpt{padding:10px
20px}.ct-coll-subline{display:block;padding:5px
0 10px}.ct-coll-subline--head{margin-bottom:1rem}.ct-coll-container{clear:both;margin:0
auto;max-width:1200px}.ct-coll-items{grid-gap:5vw;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.ct-coll-item{margin:0;padding:0px;max-width:350px}.ct-coll-item--hidden{display:none}.ct-coll-p
a{text-decoration:underline}.ct-coll-p a:hover{text-decoration:none}.ct-coll-item--banner{width:calc(100% - 330px);min-width:300px;border:0}.ct-coll-item--banner
img{margin:0}.ct-coll-item--banner img.ct-coll-item__banner-mobile{display:none}.ct-coll-emailsep{display:none}.ct-coll-item-multi
nav{position:relative}.ct-coll-item-multi nav
a{position:absolute;top:15px;z-index:10000;width:20px;height:20px;background:#79bbdd url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/images/cs.png) no-repeat -194px -463px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);text-indent:-9000px}.ct-main-coll .ct-post .ct-coll-item
article{position:relative;padding:0
0 40px 0 !important;line-height:1.5}.ct-coll-item-multi nav a:hover{background-color:#46a4da}.ct-coll-item-multi nav a.ct-coll-nav-prev{right:40px}.ct-coll-item-multi nav a.ct-coll-nav-next{right:15px;background-position:-192px -489px}.ct-coll-item-multi.ct-coll-item a.ct-coll-thumb{display:block;float:none;margin:5px
30px 0px 30px}.ct-coll-item-multi.ct-coll-item
p{padding:10px
30px}.ct-main-coll .ct-post .ct-coll-item.ct-coll-item-nobg{background-color:transparent}.ct-coll-item
h2{margin-bottom:10px;padding:5px
15px 10px;text-align:left;text-transform:none;font-size:1.563rem;line-height:1.2}.ct-coll-item h2
a{color:#000;display:block;padding:0
!important}.ct-coll-item-multi.ct-coll-item
h2{padding-right:55px}.ct-coll-item.ct-coll-item-nobg
h2{background:transparent}.ct-coll-item
p{padding:1.5rem 0 1rem;text-align:left}.ct-coll-item p::before,
.ct-coll-item p::after{content:"";display:table}.ct-coll-item p::after{clear:both}.ct-coll-item
p{zoom:1}.ct-coll-item-dribbble.ct-coll-item
p{min-height:48px}.ct-coll-item a.ct-coll-thumb{position:relative;display:block;overflow:hidden}.ct-coll-item .ct-coll-sponsorship{margin:-20px 0 20px;background:#000;color:#fff;padding:6px
8px;font-size:0.64rem;font-weight:600;display:block}.ct-coll-item .ct-coll-sponsorship
a{color:#ccc !important}.ct-coll-item a.ct-coll-thumb:first-child{margin-bottom:20px}.ct-coll-item #carbonads .carbon-img{background:#000 !important;display:flex;align-items:center;justify-content:center;padding:1.5rem 3rem !important}.ct-coll-item #carbonads .carbon-text{padding:1.25rem 0 2.25em;max-width:350px}.ct-coll-item .ct-coll-thumb~h2{display:block;padding:0.8rem 0 0}.ct-coll-item:not(.ct-coll-cover) a{color:#000}.ct-coll-item:not(.ct-coll-cover) a:hover,
.ct-coll-item:not(.ct-coll-cover) a:visited{color:#535353}.ct-coll-item a.ct-coll-thumb
img{margin:0;width:100%;border:none;box-shadow:1px 1px 20px rgba(0, 0, 0, 0.4)}.ct-coll-item a.ct-coll-thumb:hover
img{opacity:1}.ct-coll-item a.ct-coll-thumb
span{position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;width:70px;height:70px;border:3px
solid rgba(152, 188, 220, 0.8);border-radius:50%;background:rgba(255, 255, 255, 0.8);box-shadow:1px 1px 8px rgba(0, 0, 0, 0.4);color:rgba(91, 148, 178, 0.8);text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);font-size:16px;line-height:70px}.ct-coll-item a.ct-coll-thumb span
i{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1)}.ct-coll-item a.ct-nofloat{float:none;margin:0px}.ct-coll-item a.ct-coll-link{text-indent:-9000px;position:relative;font-weight:600;display:inline-block}.ct-coll-item a.ct-coll-link::after{content:"\e604";margin-left:0;font-size:1rem;font-family:'codrops-icons';text-indent:0;position:absolute;right:-1.25rem;padding:0.25rem}.ct-coll-link:hover::after,.ct-coll-link:focus::after{color:#334BF7}.ct-archive-container{display:grid;margin-top:6rem}.ct-archive-container--notitle{margin-top:0}.ct-archive-container--deals{display:block}.ct-archive-container--deals .ct-box{background:#fff}.ct-archive-container--deals .ct-row{margin-bottom:2rem}.ct-archive-container--all{grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));grid-gap:1rem;font-weight:600}.ct-archive-container--grid{display:grid;margin-top:6rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-gap:5vw}.ct-main-coll-archive .ct-archive-container{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));grid-gap:2rem}.ct-archive
h1{padding:0
0 1.4rem;line-height:1}.ct-archive-subline-centered{padding:1em;text-align:center}.ct-archive article .ct-subline{margin:0.25rem 0 1.5rem}.ct-archive .ct-feat-excerpt
p{display:inline;line-height:20px}.ct-archive .ct-feat-excerpt span
a{white-space:nowrap}.ct-archive #wp_page_numbers
ul{width:100%}.ct-coll-archive article .ct-subline{margin:0
0 1em;padding:0}.ct-coll-archive .ct-latest-thumb{float:none;margin:0
0 1.5em 0}.ct-widget-coll .ct-latest-thumb a,
.ct-search-results article.type-collective .ct-latest-thumb
a{width:100px;height:auto}.ct-search-results article.type-collective .ct-latest-thumb a
img{width:100px;height:auto}.ct-coll-archive .ct-box{text-align:center}.ct-coll-archive .ct-box
h3{padding-bottom:0.5em}.ct-coll-archive h3
time{color:#999;font-weight:normal;font-size:11px}.ct-coll-archive h3 time::before,
.ct-coll-archive h3 time::after{content:' \2022 ';color:#ddd;font-style:normal}.ct-coll-archive .ct-latest-thumb a,
.ct-coll-archive .ct-latest-thumb a
img{width:auto;height:auto;margin:0
auto;background:none}.ct-latest-any{border:2px
solid #f1f1f1;background:#fff;margin:0
0 2rem 0}.ct-latest-any
h3{margin-bottom:3rem}.ct-latest-any h3
a{text-shadow:none}.ct-latest-any .ct-subline,
.ct-widget .ct-subline{margin:0.5em 0;padding:0}.ct-widget .ct-subline{margin:0
0 0.5em}.ct-latest-any
article{margin:1.5rem 0}.ct-latest-any.ct-coll-archive
article{display:flex}.ct-latest-nothumb
article{margin:0;padding:0;border-bottom:1px solid #F0F0F0}.ct-latest-any.ct-latest-giveaway
article{border-color:rgba(70, 131, 168, 0.1)}.ct-latest-any.ct-latest-giveaway article:last-of-type{margin:0px;padding-bottom:10px}.ct-latest-any article:last-of-type{padding-bottom:4px;border-bottom:none}.ct-latest-any.ct-coll-archive .ct-latest-thumb{margin:0
15px 25px 0}.ct-latest-any.ct-coll-archive .ct-latest-thumb a,
.ct-latest-any.ct-coll-archive .ct-latest-thumb
img{width:97px;height:auto;transform:translate3d(0, 0, 0)}.ct-latest-any .ct-latest-thumb a,
.ct-latest-any .ct-latest-thumb
img{width:50px;height:50px}.ct-widget-deals .ct-latest-thumb
a{background:none}.ct-latest-any.ct-coll-archive .ct-feat-excerpt,
.ct-widget-coll .ct-feat-excerpt{clear:right;font-size:0.9rem;line-height:1.4}.ct-latest-any.ct-coll-archive .ct-feat-excerpt
span{display:block;float:right;clear:both}.ct-latest-any h3
a{position:relative;display:table-cell;margin-bottom:0;height:50px;vertical-align:middle;font-size:1em}.ct-latest-nothumb h3
a{display:block;padding:7px
2px;height:auto;line-height:22px}.ct-latest-any.ct-coll-archive h3
a{height:auto}.ct-latest-any.ct-hot h3
a{color:#3a7ea2}.ct-latest-any h2,.ct-section-heading-small{padding:0
0 2rem 0;font-size:1rem}.ct-latest-any-wrap{position:relative;padding:3rem}.ct-latest-any-bottom{clear:both}.ct-latest-any-left-link{float:left;margin-top:5px}.ct-box-pagination{float:right;margin:45px
7px 0 0}.ct-box-pagination
span{float:left;margin-right:5px;color:#d1dfec;font-size:20px;line-height:36px}.ct-box-pagination
a{float:left;margin:3px;padding:3px
13px;font-size:17px;line-height:19px}.ct-box-pagination a.selected,
.ct-box-pagination a.selected:hover,
.ct-box-pagination a.selected:active,
.ct-commentnav .current,
.ct-commentnav .page-numbers.current:hover{font-weight:600;cursor:default}.ct-box-pagination a:active{margin-top:4px;background:#79bbdd;color:#fff}.ct-author-page{margin:0
0 3rem 0}.ct-author-page-url{padding:10px
0}.ct-author-page-url
strong{margin-right:5px}.ct-author-avatar{float:left}.ct-author-avatar
img{display:block;margin:0
0 8px 0;border-radius:50%}.ct-author-page-desc{margin-left:130px}.ct-author-info .ct-author-page-desc{margin-left:110px}.ct-box .ct-author-page-desc
h4{margin:0
0 10px 0;padding:5px
5px 0px 0px}.ct-page .ct-box .ct-author-page-desc
h4{margin:0px
5px 10px 0px}.ct-box .ct-author-page-desc h4
a{display:inline;font-weight:normal;font-size:26px}.ct-connect{margin:0
1rem 0 0;padding:0px;display:flex;align-items:center}.ct-connect
li{margin:0.5rem}.ct-connect li
a{font-weight:600}.ct-icon-info::before{text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-size:18px;font-family:'codrops-social';line-height:40px;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.ct-search{position:relative;z-index:100000;float:right;width:34px;height:34px}.ct-search-input-wrap{position:absolute;right:34px;width:266px;height:34px;opacity:0;pointer-events:none}.ct-search.ct-search-open .ct-search-input-wrap{pointer-events:auto;opacity:1;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.ct-container .twitter-typeahead{width:100% !important;background:#fff}.ct-header .twitter-typeahead{border-bottom:1px solid #000}.ct-container .tt-dropdown-menu{border:none;border-radius:0px}.ct-search .tt-suggestion.tt-is-under-cursor{background-color:#334BF7}.ct-icon-search,input[type="submit"].ct-search-submit{position:absolute;top:0;right:0;display:block;width:34px !important;height:34px;text-align:center;line-height:42px;cursor:pointer}.ct-icon-search{z-index:90}.ct-search.ct-search-open .ct-icon-search{z-index:1;pointer-events:none}input[type="submit"].ct-search-submit{z-index:-1;padding:0;outline:none;border:none;border-radius:0;background:transparent;box-shadow:none;color:transparent}.ct-search.ct-search-open input[type="submit"].ct-search-submit{z-index:100}input[type="text"].ct-search-input,input[type="text"].tt-hint{margin:0;padding:2px
7px;width:262px;height:34px;outline:none;border:none;background:#fff;font-family:inherit;opacity:0;font-weight:600}.ct-search.ct-search-open input[type="text"].ct-search-input{opacity:1}::-webkit-input-placeholder{font-weight:400;color:#aaa}:-moz-placeholder{font-weight:400;color:#aaa}::-moz-placeholder{font-weight:400;color:#aaa}:-ms-input-placeholder{font-weight:400;color:#aaa}.ct-social-profiles
li{display:inline-block;margin:0
1rem 0 0}.ct-pat{margin:0;padding-bottom:0px;width:auto;background:none;min-height:250px}.ct-pat-info{padding:5px
0}.ct-pat-info
h4{display:inline;margin:0;padding:0;color:#bbb;font-style:normal;font-size:11px}.ct-pat-info
span{display:none}.ct-pat
#_imageonly_CKYDKKY{justify-content:space-around;flex-direction:row;margin-bottom:1rem}.ct-pat #_imageonly_CKYDKKY
a._imageonly_{height:125px;width:125px;margin-bottom:20px}.ct-pat #_imageonly_CKYDKKY .imageonly-ad{display:none !important}.ct-advertise-here{position:relative;padding:0
10px}.ct-icon-info::before{content:"\e007";position:absolute;top:4px;left:2px;color:#ccc;font-size:14px}.ad-1{float:left}.ct-ad-content a
img{border:none}div.bsap_1243201::after{clear:both}div.bsap_1243201{*zoom:1}div.bsap_1243201
.adhere{font-size:0.9rem;font-weight:600;color:#999;line-height:125px;text-align:center;padding:0;width:125px;background:#f1f1f1;height:125px;margin:12px}div.bsap_1243201
a{display:block;float:left;overflow:hidden;padding:12px}div.bsap_1275127,div.bsap_1298539{margin:0
auto;max-width:300px;min-height:250px}div.bsap_1275127 a,
div.bsap_1275127 a img,
div.bsap_1298539 a,
div.bsap_1298539 a
img{display:block;margin:0
auto;border:none}.ct-sidebar div.bsap_1275127 a img,
.ct-sidebar div.bsap_1298539 a
img{margin:0}div.bsap_1275127 .bsap_adhere a,
div.bsap_1298539 .bsap_adhere
a{display:block;overflow:hidden;margin:0px
0 10px 0;width:300px;height:20px;outline-color:#888;background-color:rgba(255, 255, 255, 0.5);color:#888;text-align:center;text-decoration:none;text-transform:capitalize;font-weight:normal;font-size:10px;line-height:20px;cursor:auto}div.bsap_1275127 .bsap_adhere a:hover,
div.bsap_1298539 .bsap_adhere a:hover{color:#7e95aa}.bsap_1275127 .bsap_backfillframe,
.bsap_1275127 .bsap_backfillframe a,
.bsap_1275127 .bsap_backfillframe img,
.bsap_1298539 .bsap_backfillframe,
.bsap_1298539 .bsap_backfillframe a,
.bsap_1298539 .bsap_backfillframe
img{display:block;margin:0
auto;max-width:100%}.ct-sidebar .bsap_1275127 .bsap_backfillframe,
.ct-sidebar .bsap_1275127 .bsap_backfillframe a,
.ct-sidebar .bsap_1275127 .bsap_backfillframe img,
.ct-sidebar .bsap_1298539 .bsap_backfillframe,
.ct-sidebar .bsap_1298539 .bsap_backfillframe a,
.ct-sidebar .bsap_1298539 .bsap_backfillframe
img{margin:0}.ct-post-nav{clear:both;margin:2rem 0;padding:2rem 0;border:1px
solid #f1f1f1;border-width:1px 0;font-size:1rem}.ct-post-nav a img,
.ct-post-nav a:hover
img{margin:0px
10px 0px 0px;width:50px}.ct-post-nav .ct-post-prev a
img{float:left;margin:0px
10px 0px 0px}.ct-post-nav .ct-post-next a
img{float:right;margin:0px
0px 0px 10px}.ct-post-nav
div{position:relative;display:block;width:50%}.ct-post-nav div
a{display:block}.ct-post-nav div.ct-post-prev{float:left;padding-left:2rem;padding-right:0.5rem}.ct-post-nav div.ct-post-next{float:right;padding-right:2rem;padding-left:0.5rem;text-align:right}.ct-post-nav div a::after{position:absolute;top:2px;height:100%;font-weight:normal;font-size:1.375rem;line-height:1}.ct-post-nav .ct-post-prev a::after{content:'\2190';left:0px}.ct-post-nav .ct-post-next a::after{content:'\2192';right:0px}.ct-post-nav div:hover a::after{color:#202d3a}.ct-post-nav div:hover
a{color:#202d3a}.ct-feat-subline{padding:7px
0px 4px;border-top:1px solid #F3F3F3}.ct-border-box{float:left;padding:7px;background-color:#fff;font-weight:normal}.ct-border-box
img{margin:0
auto;border:none}.ct-border-box
p{padding:5px
10px;line-height:20px}.ct-border-box
h2{padding:4px;background:#f2f6f7;color:#b5cadd}.ct-latest-bottom{padding:10px
0 30px 0}.ct-search-results h1
span{color:#46a4da}.related_post
li{padding:5px
0}.related_post li
a{font-weight:600}.ct-title-under{margin:1rem 0 0 0}.ct-notfound{margin-bottom:3rem}.ct-notfound
p{margin:1em
0}.ct-notfound
h1{margin:0
0 1.5rem 0;font-size:2rem}.ct-notfound
h2{margin:1rem 0}.ct-notfound
h3{margin:0px;padding:20px
0px 10px}.ct-page-content .fm-form
li{display:inline-block;width:100%;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;column-break-inside:avoid}.ct-page-content .fm-form input[type="text"],
.ct-page-content .fm-form textarea,
.ct-page-content .fm-form
select{padding:15px;width:100% !important;color:#3C4C54}.ct-page-content .fm-form input[type="text"]:focus,
.ct-page-content .fm-form textarea:focus{outline:none;background:#F5F8FD}.ct-page-content .fm-form select,
#oiopub-container
select{display:inline-block;padding:5px
20px 5px 5px;border:1px
solid #D2DADD;background:white;background:#F8F8F8 url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/images/select.png) no-repeat 98% 50%;color:#444;text-overflow:ellipsis;font-size:13px;line-height:18px;cursor:pointer;-webkit-appearance:none}.ct-page-content .fm-form select:focus{outline:none}.ct-page-content .fm-form
input.submit{margin-right:2%}.ct-page-content .fm-form
em{color:#C14E5C !important;font-weight:normal}.ct-deals
article{border:2px
dashed #ddd;text-align:center}.ct-deals article h2
a{display:block;margin:0
auto 10px auto;width:230px;height:100px;background-position:center center;background-repeat:no-repeat;text-indent:-9000px}.ct-deals article
p{line-height:1.5}.ct-deals article
h3{margin:0
0 1rem 0}.ct-deals article h3
a{padding:10px
20px;background-color:#EBEDF0;display:block}.ct-deals article h3 a:hover{background-color:#414a51;color:#fff}.ct-deals article p
em{display:inline-block;margin:10px
0 0 0;padding:0px
10px;border:2px
dotted currentColor;background:#f1f1f1;font-weight:600;font-style:normal;font-size:1.4em;font-family:'Courier New',Courier,monospace}#ct-deal-squarespace h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/squarespace.jpg)}#ct-deal-depositphotos h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/depositphotos.jpg)}#ct-deal-wegraphics h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/wegraphics.jpg)}#ct-deal-pixeno h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/pixeno.jpg)}#ct-deal-tn3 h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/tn3gallery.jpg)}#ct-deal-themefuse h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/themefuse.png)}#ct-deal-conceptboard h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/conceptboard.jpg)}#ct-deal-mightydeals h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/mightydeals.jpg)}#ct-deal-webiconset h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/webiconset.jpg)}#ct-deal-solo h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/solo.jpg)}#ct-deal-themify h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/themify.jpg)}#ct-deal-theadstock h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/theadstock.jpg)}#ct-deal-markupservice h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/markupservice.png)}#ct-deal-paydirt h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/paydirt.jpg)}#ct-deal-foobox h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/foobox.jpg)}#ct-deal-designmodo h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/designmodo.png)}#ct-deal-webhostingbuzz h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/webhostingbuzz.jpg)}#ct-deal-awwwards h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/awwwards.jpg)}#ct-deal-mythemeshop h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/mythemeshop.jpg)}#ct-deal-mediatemple h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/mediatemple.jpg)}#ct-deal-typeandgrids h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/typeandgrids.jpg)}#ct-deal-anariel h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/anariel.png)}#ct-deal-maxcdn h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/maxcdn.jpg)}#ct-deal-tokokoo h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/tokokoo.jpg)}#ct-deal-imcreator h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/imcreator.png)}#ct-deal-psacademy h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/psacademy.png)}#ct-deal-designpanoply h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/designpanoply.png)}#ct-deal-mydesigndeals h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/mydesigndeals.png)}#ct-deal-vecteezy h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/vecteezy.png)}#ct-deal-nextend h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/nextend.png)}#ct-deal-templatemonster h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/templatemonster.png)}#ct-deal-minicons h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/minicons.png)}#ct-deal-roundicons h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/roundicons.png)}#ct-deal-pixelbuddha h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/pixelbuddha.png)}#ct-deal-creativemarket h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/creativemarket.png)}#ct-deal-webydo h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/webydo.png)}#ct-deal-vectorizenow h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/vectorizenow.png)}#ct-deal-notism h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/notism.jpg)}#ct-deal-trackduck h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/trackduck.png)}#ct-deal-hoarrd h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/hoarrd.png)}#ct-deal-csschopper h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/csschopper.png)}#ct-deal-cronsync h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/cronsync.png)}#ct-deal-swiftly h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/swiftly.png)}#ct-deal-psd2html h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/psd2html.png)}#ct-deal-array h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/array.png)}#ct-deal-smarticons h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/smarticons.png)}#ct-deal-creativefabrica h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/creativefabrica.png)}#ct-deal-oxygenapp h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/oxygenapp.png)}#ct-deal-cssda h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/cssda.png)}#ct-deal-getsitecontrol h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/getsitecontrol.png)}#ct-deal-filestage h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/filestage.png)}#ct-deal-duet h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/duet.png)}#ct-deal-creativetim h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/creative_tim.png)}#ct-deal-iconresponsive h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/iconresponsive.png)}#ct-deal-placeit h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/placeit.png)}#ct-deal-iconscout h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/iconscout.png)}#ct-deal-haunted h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/haunted-themes.png)}#ct-deal-futuramo h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/futuramo.png)}#ct-deal-zyma h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/zyma.jpg)}#ct-deal-appatrol h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/appatrol.gif)}#ct-deal-projecthuddle h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/projecthuddle.png)}#ct-deal-themeport h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/themeport.png)}#ct-deal-shoptimizer h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/shoptimizer.png)}#ct-deal-lambda h2
a{background-image:url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/deals/lambda.png)}.ct-widget{float:none;margin:3rem 0;width:auto}.ct-widget
h3{font-size:1.35em;margin-bottom:0.5em}.ct-widget-coll
h3{margin-bottom:1rem}.ct-widget
p{line-height:1.5}#md-widget{padding:10px
5px 5px 5px}.ct-recent-post.ct-widget{margin:0px
10px;padding:0;border-top:none;box-shadow:none}.ct-recent-post
article{margin:0;padding:10px
0px 10px 0px}.ct-recent-post.ct-widget-default article:last-child{padding:10px
0px 10px 0px;border-bottom:1px solid #f1f1f1}.ct-widget-default article:last-child{padding-bottom:0;border-bottom:none}.ct-widget-default
h3{display:table-cell;vertical-align:middle;height:50px;font-size:1.05em}.ct-recent-post.ct-widget-default
h3{display:block;height:auto;margin:0.15em 0;font-size:1.25em}.ct-widget-default .ct-latest-thumb a,
.ct-widget-default .ct-latest-thumb a
img{width:50px;height:50px}.ct-widget-default .ct-latest-thumb
a{border-color:#b3d2ed}.ct-widget-default .ct-latest-thumb a:hover{border-color:#98bcdc}.ct-widget-default .ct-latest-thumb a
img{border:none}.ct-widget-blank
article{margin-bottom:0px;padding-bottom:0px}.ct-widget
h5{padding:0
0 1.25rem 0;font-size:1.15rem}.ct-widget .ct-box{margin:0px;padding:0px}.ct-widget-coll .ct-latest-thumb
a{border-top:none;border-left:none}.ct-widget-coll .ct-latest-thumb a
img{border:none;height:auto}.ct-widget-coll article:first-of-type{margin-bottom:1.5em}.ct-archive-link{padding:20px
0px 0px 0px}.ct-box.ct-author-about-page{box-shadow:none;padding:2em;border:3px
solid #f1f1f1;margin:1em
0}.ct-coll-ads
div.bsap_1243201{overflow:hidden;height:125px;text-align:center}.ct-coll-ads div.bsap_1243201
a{display:none;float:none;margin:0
0px 0px 0px !important;padding:12px}.ct-coll-ads div.bsap_1243201
a{display:inline}.ct-coll-ads .ct-small-text{display:block;margin-top:-6px;padding-bottom:5px}.ct-special-box{margin:25px
0;padding:15px
20px 15px 210px;background:#ffe0a5 url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/images/browser_compatability.png) no-repeat 20px 50%;color:#a25b1c}.ct-announcement{margin:25px
0;padding:15px
20px 15px;background:#d2ebfd;color:#4078a0}.ct-github-link{margin:20px
0px;padding:30px
20px 30px 100px;background:#f8f8f8 url(https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/themes/codropstheme03/images/Github_Icon.png) no-repeat 20px 50%;font-weight:600}.ct-bsa-sidelast{margin:0
0 20px 0}.ct-bsa-sidelast>div{margin:0
auto;max-width:300px}#bsap_1243201{display:grid;grid-template-columns:repeat(2, 50%)}#bsap_1243201:not(:empty){margin:0
auto 3rem}#bsap_1243201
img{display:block}#bsap_1266918 a
img{border:none}html>body div.bsap_1275127
a.adhere{width:300px !important;height:250px !important}#bsap_1266918
a.adhere{display:block;margin:30px
auto 0px auto;width:580px;height:80px;border:1px
solid #C8D0E1;background:#D9E3EC;color:#9DB0C1;text-align:center;text-transform:uppercase;font-size:10px;line-height:80px}.ct-advertise-bsa
ul{padding:10px;list-style-image:none}.ct-advertise-bsa ul
.bawi_title{font-weight:600;font-size:14px}.ct-main-coll .ct-post .ct-coll-item.ct-coll-item-ad
article{padding-top:0;box-shadow:none}.ct-coll-item.ct-coll-item-ad
div.bsap{margin-top:0;min-height:250px}.ct-coll-item.ct-coll-item-ad .ct-small-text{top:auto;bottom:0}.ct-coll-item
div.bsap{display:block;margin:25px
auto 0 auto;width:100%}.ct-coll-item div.bsap
a{display:block;float:none;margin:0
auto 0px auto;width:auto !important}.ct-coll-item div.bsap
.bsap_adhere{width:100%;background:transparent !important}.ct-coll-item div.bsap .bsap_adhere
a{margin:0
auto;width:100%;border:none;background:transparent}.ct-coll-item div.bsap a
img{margin:0
auto;max-width:100%}.ct-coll-item .ct-small-text{position:absolute;top:0;left:0;z-index:1000;display:block;padding:10px
20px;width:100%;color:#aaa;text-align:center;line-height:25px}.ct-coll-item-dark{background:#F8F8F8}.ct-post-content
blockquote{display:block;margin:2rem 0;padding:0
1.5rem;border-left:4px solid #000}.ct-post-content blockquote
p{padding:0}.ct-post-content blockquote
cite{font-size:1rem;display:block;margin-top:1.5rem}div.bsap_1279993 .bsap_adhere2,
div.bsap_1279993
iframe{display:block;float:none !important;margin:0
auto;max-width:100%}.ct-info-note{position:relative;float:right;margin:0
0 20px 10px;padding:35px
30px 20px;width:25%;background:#fef8b8;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2), 0 8px 13px -7px rgba(0, 0, 0, 0.3), inset 0 22px 1px rgba(0, 0, 0, 0.03);-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}.ct-info-note
p{color:#46589c;font-weight:600;font-style:italic}.ct-related-post{margin:3rem 0;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:1.5rem}.ct-latest-thumb-related{margin-bottom:1rem;position:relative}.ct-latest-thumb-related
a{display:block}.ct-cssref-searchinput{position:relative}.ct-cssref-searchinput .ct-icon-search{right:auto;left:0;width:50px !important;height:100%;background:transparent;cursor:default}.ct-cssref-searchinput .ct-icon-search
img{margin:15px}.ct-cssref-searchinput input[type="text"],
.ct-cssref-searchinput input[type="text"].tt-hint{padding:5px
15px 5px 45px;width:100%;height:50px;border:none;border-radius:1px;background:rgb(75, 94, 115);box-shadow:none;color:#fff;font-weight:700;font-family:inherit}.ct-cssref-searchinput--inverted input[type="text"],
.ct-cssref-searchinput--inverted input[type="text"].tt-hint{background:#fff;color:#000}.ct-cssref-searchinput--border input[type="text"],
.ct-cssref-searchinput--border input[type="text"].tt-hint{border:1px
solid #DEE3EC}.ct-cssref-searchinput input[type="text"]::-webkit-input-placeholder{color:rgb(221, 221, 221);font-weight:600}.ct-cssref-searchinput input[type="text"]:-moz-placeholder{color:rgb(221, 221, 221);font-weight:600}.ct-cssref-searchinput input[type="text"]::-moz-placeholder{color:rgb(221, 221, 221);font-weight:600}.ct-cssref-searchinput input[type="text"]:-ms-input-placeholder{color:rgb(221, 221, 221);font-weight:600}.ct-cssref-searchinput input[type="text"]:focus::-webkit-input-placeholder{color:transparent}.ct-container .ct-cssref-searchinput .twitter-typeahead{background:rgb(75, 94, 115)}.ct-container .ct-cssref-searchinput--inverted .twitter-typeahead{background:#fff}.ct-cssref-searchinput input[type="text"]:focus{outline:none;background:rgb(87, 107, 129)}.ct-cssref-searchinput--inverted input[type="text"]:focus{background:#fff}.ct-cssref-searchinput input[type="submit"]{display:none}.ct-container .ct-cssref-searchinput .tt-dropdown-menu{margin-top:0;padding:0;background:#37495d}.ct-container .ct-cssref-searchinput--inverted .tt-dropdown-menu{background:#dce0e5}.ct-container .ct-cssref-searchinput .tt-dropdown-menu .tt-suggestion{padding:8px
10px}.ct-container .ct-cssref-searchinput .tt-dropdown-menu .tt-suggestion
a{color:#fff !important;font-weight:600}.ct-container .ct-cssref-searchinput--inverted .tt-dropdown-menu .tt-suggestion
a{color:#273647 !important}.ct-container .ct-cssref-searchinput .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor{background-color:#273647}.ct-container .ct-cssref-searchinput--inverted .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor
a{color:#fff !important}.ct-cssref-widget
*{}.ct-cssref-widget{margin:0
0 2rem;background:#f1f1f1}.ct-cssref-widget
h2{margin:0
0 1rem}.ct-cssref-widget__footer{margin-top:2rem}.ct-post pre[class*="language-"]{margin:1.5rem 0;padding:1.5rem}pre{overflow:auto;margin:1.5rem 0;padding:1.5rem;tab-size:2;position:relative;background:#f1f1f1;font-weight:normal;font-style:normal;font-size:0.85em;line-height:1.6;-webkit-font-smoothing:auto;font-family:'Consolas','Courier New',Courier,monospace}pre
code{background:transparent !important;-webkit-font-smoothing:auto}.hljs{display:block;overflow-x:auto;color:#262B2F;line-height:1.5;padding:2.5rem;height:100%}.hljs-comment,.hljs-title{color:#95A5B3}.hljs-comment{font-style:italic}.hljs-variable,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo{color:#5D6C7B}.hljs-attribute{color:rgb(34, 85, 136)}.hljs-number,.hljs-preprocessor,.hljs-pragma,.hljs-built_in,.hljs-literal,.hljs-params,.hljs-constant{color:#40464A}.hljs-ruby .hljs-class .hljs-title,
.css .hljs-rules .hljs-attribute{color:#2980b9}.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata{color:#BE516E}.css .hljs-hexcolor{color:#1fad83}.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.javascript .hljs-title,
.coffeescript .hljs-title{color:#944770}.hljs-keyword,
.javascript .hljs-function{color:#239371}.css .hljs-value
span{color:#BE516E !important}.ct-page-content .fm-form
label{margin-top:1em;font-weight:600}body .bsa-cart-zone{border:none !important;border-radius:0px !important}.ct-tags-archive>a{display:inline-block;text-transform:lowercase;margin:0.5em 0.5rem 0.5rem 0;background:#f1f1f1;padding:0
0.5rem}.ct-coll-item-ad
img{margin:0}.ct-coll-item-ad a
img{-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.ct-coll-item-ad .ct-small-text{color:#fff;pointer-events:none}.ct-coll-item-ad .ct-small-text::after{position:absolute;content:'Advertisement';color:#888;font-weight:600;bottom:0;left:0;width:100%;line-height:40px}.syndicate-widget{margin:1em
0 0;width:100%}.syndicate-widget
tr{background:#fafafa}.syndicate-widget
td{padding:1em;border-bottom:5px solid #fff;font-weight:600}.syndicate-widget td:last-child{text-align:right}.ct-content
.caniuse{padding:0px}.ct-content .caniuse h1,
.ct-content .caniuse h2,
.ct-content .caniuse h3,
.ct-content .caniuse h4,
.ct-content .caniuse
p{font-size:inherit;line-height:inherit;margin:inherit;text-align:inherit}.ct-content .caniuse
h3{font-size:1.5em}.ct-content .caniuse .agents,
.ct-content .caniuse
.legend{margin:20px
0 10px}.ct-post-content .ct-previous-roundups{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));display:grid;list-style:none;grid-gap:2rem;padding:0;margin-top:1.5rem}.ct-post-content .ct-previous-roundups
li{margin:0;padding:0}.ct-post-content .ct-previous-roundups
h4{margin:0;font-size:1.15rem}.ct-post-content .ct-previous-roundups
img{margin:0
0 1rem 0}.coswrap{display:flex;flex-direction:column}.coswrap--reverse{display:flex;flex-direction:column-reverse}.cos{width:100%;max-width:300px;position:relative;display:block;overflow:hidden;margin:0
auto 2rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cos--top{order:1}.cos__img{display:block;max-width:100%;height:auto}.cos__text{padding:1.5rem;background:#000;line-height:1.5;color:#fff;font-size:0.9rem;font-weight:500}.cos__text--nobg{background:none;padding:1rem 0;color:#000}.ct-sticky{top:2rem;margin-top:2rem;padding:2rem;position:sticky;opacity:0;background:#f1f1f1;pointer-events:none;transition:opacity 0.3s}.ct-sticky--show{opacity:1;pointer-events:auto}#carbonads
*{margin:initial;padding:initial}#carbonads{font-family:inherit}#carbonads{z-index:100}#carbonads
a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads
span{position:relative;display:block;overflow:hidden}#carbonads .carbon-img{display:block;padding:0
!important;background:none !important;margin:0;line-height:1}body #carbonads .carbon-img
img{display:block;width:100% !important;max-width:288px !important}#carbonads .carbon-text{display:block;padding:1rem 0 30px;line-height:1.5;text-align:left;max-width:300px}#carbonads .carbon-poweredby{display:block;padding:6px
8px;background:#d7d7d7;text-align:center;text-transform:uppercase;letter-spacing:0.5px;font-weight:600;font-size:0.512rem;line-height:1;border-radius:0;position:absolute;bottom:0;left:0}@media screen and (max-width:1180px){.index-wrap{grid-template-columns:1fr;grid-template-areas:'main''side'}.index-wrap-right{padding:0}}@media screen and (max-width:1075px){.ct-header .ct-inner{display:block}.ct-branding,
.ct-nav-wrapper,
.ct-nav-main,
.ct-nav-main ul,.ct-header-items-right{float:none;clear:both;margin:0
auto;text-align:center;justify-content:center}.ct-nav-wrapper{padding:1rem;min-width:0px;text-align:center}.cos{margin-bottom:3rem}#bsap_1298539{margin:1.5rem auto 2.5rem}.ct-sidebar .ct-widget-wrapper{margin:10px
0}.ct-sidebar .ct-widget{margin:10px
auto 0 auto;padding:10px
20px}.ct-search{float:none;margin:15px
auto;width:262px;height:34px}.ct-search .ct-search-input-wrap,
.ct-search.ct-search-open .ct-search-input-wrap{opacity:1;pointer-events:auto;width:228px;-webkit-transition:none;-moz-transition:none;transition:none}.ct-search .ct-icon-search{z-index:1;pointer-events:none}.ct-search input[type="text"].ct-search-input{opacity:1}.ct-search input[type="submit"].ct-search-submit{z-index:100}}@media screen and (max-width:970px){.ct-content .ct-inner{display:block;max-width:800px}.ct-main{padding-right:0;margin:0
auto}.ct-main-post,.ct-main-page{max-width:none}.ct-coll-item--banner{width:300px}.ct-coll-item img.ct-coll-item__banner-mobile{display:block}.ct-coll-item img.ct-coll-item__banner{display:none}.ct-sticky{display:none}.ct-coll-cover__links{flex-direction:row;flex-wrap:wrap;margin-left:0}.ct-coll-cover__link{margin:0.5rem 1rem 0 0}.ct-coll-cover__link:last-child{margin-top:1rem}.post-type-archive-sketches{background-size:80%}.ct-header-wrap{display:block}.ct-header-wrap__side{margin-top:3rem}.ct-archive-container--grid{margin-top:4rem}}@media screen and (max-width:800px){.ct-cssref-widget,.ct-latest-any,.ct-latest-any.ct-coll-archive{margin:0;width:100%;border:none;border-bottom:3px solid #f1f1f1}.ct-cssref-widget{border:none}.ct-latest-any
article{padding-bottom:1rem}.ct-latest-any:last-of-type{border-bottom:none}.ct-sidebar{margin-left:0}.ct-latest-any-wrap{padding:3rem 0}#bsap_1275127,#nr_campaign{display:block;margin:0
auto}#nr_campaign{padding-top:15px;border-top:none}#nr_campaign
h5{display:none}.ct-ad-article-wrapper{margin:0
-30px 15px -30px;padding:3px
31px 3px 30px}.ct-ad-article{margin:0
-30px;padding:10px
30px}.ct-deals
article{width:auto}.ct-footer .ct-inner{text-align:center;display:block}.ct-footer__column:first-of-type,
.ct-footer__column:not(:last-of-type) ul{margin-right:0}.ct-footer{padding:4rem 0}.ct-footer
nav{display:block;text-align:center}.ct-footer
ul{width:auto;display:inline}.ct-footer
h5{margin:2rem 0 1rem}.ct-footer ul:last-of-type{text-align:center;margin-top:2rem}.ct-footer__column--credits{margin:2rem auto 0;max-width:none}.ct-footer__column--credits li:last-of-type{margin-top:3rem}.ct-footer__column:not(.ct-footer__column--credits) ul
li{margin:0.5rem;display:inline-block}.ct-box.ct-box--archive{display:block}.ct-latest-thumb-archive{margin-bottom:1.5rem}}@media screen and (max-width:640px){div.bsap_1259389 a,
div.bsap_1259389 a
img{width:100% !important}.ct-feat-left,.ct-feat-right{width:100%;padding:0
0 2rem 0}}@media screen and (max-width:600px){.ct-comment-form
#respond{margin-left:0px}.ct-latest-any{margin-top:10px;width:100%}#wp_page_numbers
li.page_info{float:none;padding:0}.ct-post-nav div
a{font-size:0;margin-bottom:1.25rem}.ct-box--archive{max-width:400px}}@media screen and (max-width:470px){.ct-row-wrapper{display:block;padding:20px;width:100%}.ct-row-wrapper .ct-row{display:block}.ct-row-wrapper .ct-row .ct-box{display:block;float:none;margin:0
0 10px 0 !important;padding:20px
!important;width:auto;box-shadow:none !important}.ct-bottom-ads.ct-box{display:none !important}.ct-author-avatar{float:none;width:100%}.ct-box .ct-author-avatar
img{float:none;margin:0
auto}.ct-author-page-desc,
.ct-author-info .ct-author-page-desc{margin:15px
0px 0px 0px}.ct-author-page-desc h4,
.ct-author-page-desc
h1{text-align:center}.ct-special-box{padding:60px
20px 15px 20px;background-position:50% 15px}.ct-related-post{grid-template-columns:100%;grid-gap:2.5rem}}@media screen and (max-width:420px){.ct-coll-item a.ct-coll-thumb{float:none}.ct-author-bio{margin-left:0px}.ct-related-item
h5{padding:0px}a.ct-commenttime{float:none}.ct-commentcontent{padding:1rem}}@media screen and (max-width:320px){.ct-header-items-right{width:auto}.ct-post .ct-ss{height:150px}.ct-latest-thumb{display:none}}