@media(max-width:679px){.page-footer__envato-product-link{position:static;white-space:normal;text-align:left}}@media(max-width:679px){.leaderboard_ad_non_mobile{display:none}}@media(min-width:680px){.leaderboard_ad_mobile{display:none}}.avert{max-width:300px;min-height:250px;background:url(/packs/media/images/ad-pinstripe-b318af7770f6a846cb10521e8dc454ba.png);margin:0 auto 30px}.avert.avert--sticky-footer{max-width:728px;min-height:90px;max-height:90px;background:none}.avert.avert--sticky-footer .avert__label{display:none}.avert__wrapper{overflow:hidden}.avert__content{margin:0 auto;justify-content:center}.avert__content,.avert__label{text-align:center;display:block}.avert__label{font-size:9.62px;margin-top:0}.avert--leaderboard{max-width:none;width:100%;border:none;background:url(/packs/media/images/ad-pinstripe-b318af7770f6a846cb10521e8dc454ba.png);min-height:90px;padding:0;margin-bottom:0}.avert--leaderboard .avert__content{height:120px}@media(min-width:680px)and (max-width:1023px){.avert--leaderboard .avert__content{height:90px}}@media(min-width:1024px){.avert--leaderboard .avert__content{height:250px}}.avert--leaderboard .avert__wrapper{position:relative}.avert--leaderboard .avert__content{margin-top:10px;margin-bottom:10px}.avert--leaderboard .avert__label{text-align:right;position:absolute;right:0;bottom:0}.avert--inarticle{max-width:336px}.avert--publift{padding:10px;width:100%;max-width:100%;height:auto}.avert--publift-inset{display:block;width:100%;height:250px;margin:auto}.avert--skyscraper .avert__wrapper{padding-top:10px}.avert--in-article{margin-top:30px}.avert--in-article .avert__content{height:300px}.avert--sticky-sky-ad .avert__content{width:160px;height:600px}.avert--sidebar .avert__content{width:300px;height:300px}@media(min-width:1024px){.avert--sidebar .avert__content{height:600px}}.avert--hidden{display:none}@media(min-width:680px){.post__fullwidth-inarticle-ad-footer .page-footer{padding-bottom:89px}}@media(max-width:679px){.post__fullwidth-inarticle-ad-template{display:none!important}}@media(min-width:1024px){.post__fullwidth-inarticle-ad-template{display:flex;margin-top:76px;margin-bottom:76px;width:100vw;height:302px;background:#f3f3f3;justify-content:center;margin-left:calc(-50vw - -425px)}.post__fullwidth-inarticle-ad-template .avert{width:970px;margin:0;min-width:970px;max-width:970px}.post__fullwidth-inarticle-ad-template .avert__wrapper{overflow:unset;width:970px;height:250px;margin-top:26px}.post__fullwidth-inarticle-ad-template .avert--in-article .avert__content{height:250px}}.weekly-digest-subscription{font:14px system-ui;clear:both;line-height:1.4em;background-color:#fbfbfb;border:1px solid #e1e8ed;border-radius:4px;padding:20px 100px;text-align:center}@media(min-width:680px)and (max-width:1023px){.weekly-digest-subscription{padding-right:50px;padding-left:50px}}@media(min-width:1024px)and (max-width:1339px){.weekly-digest-subscription{padding-right:50px;padding-left:50px}}@media(max-width:679px){.weekly-digest-subscription{padding-right:0;padding-left:0}}.weekly-digest-subscription--header{font:20px/1.2em system-ui;font-weight:600;margin-bottom:20px}.weekly-digest-subscription--description{font:16px/1.2em system-ui;line-height:1.5em}.weekly-digest-subscription__subscribe-button{background-color:#046fa9;padding:10px 30px;color:#fff;border-radius:4px;border:none;display:inline-block;font:16px/1.2em system-ui;font-weight:600;text-align:center;margin-top:20px}.weekly-digest-subscription__subscribe-button:hover{transition:all .2s ease;background-color:#035f90;color:#fff}.weekly-digest-subscription__subscribe-button:active{background-color:#035f90}.content-author{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:40px 60px;margin-top:40px;margin-bottom:80px;color:#999}@media(min-width:1340px){.content-author{max-width:850px}}@media(max-width:1023px){.content-author{margin-bottom:40px}}.content-author a:not([class]){color:#046fa9;font-weight:600}.content-author a:not([class]):active,.content-author a:not([class]):focus,.content-author a:not([class]):hover{color:#035f90}.content-author a:not([class]):focus,.content-author a:not([class]):hover{text-decoration:underline}.content-author__header{text-align:center}.content-author__image{width:80px;height:80px;border-radius:50%;margin:0 auto}.content-author__name{font-size:20px;padding-top:10px;color:#3a3a3a}.content-author__title{padding-bottom:20px;color:#999}.content-author__bio{font-size:16px;line-height:1.6em;color:#3a3a3a;white-space:pre-wrap}.content-author__twitter{text-align:center;padding-top:10px}.content-author__twitter .fa{margin-right:5px}.market-highlight{background:#f2f5f6;width:100%;padding:30px 0;text-align:center}@media(max-width:679px){.market-highlight{display:none}}.market-highlight--padded-bottom{padding:30px 0 80px}.market-highlight__heading{margin:auto;max-width:80%}@media(min-width:1340px){.market-highlight__heading{max-width:850px}}.market-highlight__intro{text-transform:uppercase;color:#9b9b9b;margin-bottom:10px;font-weight:700;font-size:18px}.market-highlight__title{font-size:30px;line-height:1.4;padding:16px 0}.market-highlight__cta{margin-top:30px;font-weight:700}.market-highlight__cta a{display:inline-block;color:#82b541;border-radius:4px;border:2px solid #82b541;padding:10px 40px;vertical-align:middle;text-align:center;cursor:pointer;white-space:nowrap}.market-highlight__cta a:active,.market-highlight__cta a:focus,.market-highlight__cta a:hover{color:#75a23a}@media(min-width:680px){.market-highlight__cards{margin:0 auto}.market-highlight__cards:after{content:"";display:table;clear:both}}@media(min-width:1340px){.market-highlight__cards{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.market-highlight__cards{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.market-highlight__cards{max-width:630px}}.market-highlight__card{position:relative;float:left;width:300px;margin-right:30px;background:#fff;border:1px solid #e4e4e4;border-radius:4px;text-align:left}@media(max-width:679px){.market-highlight__card{margin-right:auto;margin-left:auto;float:none}}@media(min-width:1340px){.market-highlight__card:nth-child(4n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.market-highlight__card:nth-child(3n){margin-right:0}}@media(min-width:680px)and (max-width:1023px){.market-highlight__card:nth-child(2n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.market-highlight__card:nth-child(n+4){display:none}}@media(min-width:680px)and (max-width:1023px){.market-highlight__card:nth-child(n+3){display:none}}.market-highlight__card a{color:#4b4b4b}.market-highlight__card-image{width:100%;height:170px}.market-highlight__card-content{padding:10px}.market-highlight__card-title{font-weight:700}.market-highlight__card-description{font-size:14px}.fa-weixin{color:#00cd00}img.qrcode{width:100px;height:100px}.qrcode .tooltip{position:relative;display:inline-block;cursor:pointer}.qrcode .tooltip .tooltip-content{visibility:hidden;background-color:#fff;border:1px solid #e4e4e4;color:#000;text-align:center;border-radius:5px;padding:10px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-60px;line-height:14px;font-size:12px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.qrcode .tooltip:hover .tooltip-content{visibility:visible}.post{margin-top:40px;position:relative}.post:after{content:"";display:table;clear:both}@media(max-width:679px){.post{border-top:none;margin-top:24px}}@media(min-width:1340px){.post .layout__content-with-sidebar{max-width:850px}}.post .avert{margin-bottom:30px}.post__featured-image{max-width:100%;width:100%}.post__inline-ad{float:right;margin-left:80px}.post__sidebar:after{content:"";display:table;clear:both}@media(min-width:680px)and (max-width:1023px){.post__sidebar-primary{width:300px;float:left}}.envato-sticky-ad-img{width:300px}.envato-sticky-ad{margin-top:70px}.post__sidebar-resource-links a{display:block;background:#046fa9;color:#fff;border-radius:4px;padding:8px 0;vertical-align:middle;text-align:center;cursor:pointer;white-space:nowrap;margin-bottom:10px}.post__sidebar-resource-links a:active,.post__sidebar-resource-links a:focus,.post__sidebar-resource-links a:hover{background:#035f90;color:#fff}.post__sidebar-resource-links a:last-child{margin-bottom:30px}@media(min-width:680px)and (max-width:1023px){.post__sidebar-secondary{width:300px;float:right}}.post__footer{border-top:1px solid #e4e4e4;margin-top:40px;padding-top:40px}.post__footer:after{content:"";display:table;clear:both}.post__comments,.post__qrcode{margin-bottom:40px}.post__qrcode{text-align:center}.post__qrcode img{max-width:150px}@media(max-width:679px){.category_sidebar_ad{display:none}}@media(min-width:680px){.category_sidebar_ad_mobile{display:none}}@media(min-width:1024px){.sticky-ad-target{min-height:960px}}@media(max-width:1023px){.sticky-ad.tether-enabled{display:none!important}}@media(max-width:679px){.sticky-ad-non-mobile{display:none}}@media(min-width:680px){.sticky-ad-mobile{display:none}}.roundup-block__contents,.roundup-block__posts{margin:20px 0 40px;padding:5px;overflow:hidden}@media(min-width:1024px){.roundup-block__contents,.roundup-block__posts{margin-left:-15px}}@media(max-width:1023px){.roundup-block__contents,.roundup-block__posts{padding:0}}.roundup-block--list{display:flex;flex-wrap:wrap;list-style-type:none}.roundup-block--list .roundup-block__content,.roundup-block--list .roundup-block__post{width:420px;margin-bottom:15px;padding:7px 7px 0}@media(min-width:1024px){.roundup-block--list .roundup-block__content:nth-child(odd),.roundup-block--list .roundup-block__post:nth-child(odd){margin-right:10px}.roundup-block--list .roundup-block__content:hover,.roundup-block--list .roundup-block__post:hover{box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:5px}}@media(max-width:1023px){.roundup-block--list .roundup-block__content,.roundup-block--list .roundup-block__post{width:100%;margin-bottom:15px;padding:0}}.roundup-block--list .roundup-block__content .roundup-block__content-container,.roundup-block--list .roundup-block__post .roundup-block__content-container{display:flex}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__preview,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__preview{width:180px;margin-right:15px}@media(max-width:679px){.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__preview,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__preview{width:160px}}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__preview .roundup-block__preview-image,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__preview .roundup-block__preview-image{width:100%;margin-right:20px;outline:none;background:none;padding:0;border-radius:5px}@media(min-width:1024px)and (max-width:1339px){.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__preview .roundup-block__preview-image,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__preview .roundup-block__preview-image{margin-right:15px}}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta{width:250px;margin-top:2px}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__content-title,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__content-title{font:600 16px/1.2em system-ui,Roboto,Arial,sans-serif;color:#2a3744;padding-right:10px}@media(max-width:679px){.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__content-title,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__content-title{font:600 14px/1.2em system-ui,Roboto,Arial,sans-serif}}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info{display:flex;flex-wrap:nowrap;font-size:12px;margin-top:10px}@media(max-width:679px){.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info{margin-top:0}}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-profile-image,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-profile-image{margin-right:7px}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-profile-image .roundup-block__author-image,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-profile-image .roundup-block__author-image{width:35px;height:35px;margin:0;outline:0;padding:0;border-radius:50%}@media(max-width:679px){.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-profile-image,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-profile-image{display:none}}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-meta,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-meta{line-height:1.5em}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-meta .roundup-block__author-name,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-meta .roundup-block__author-name{color:#3a3a3a}.roundup-block--list .roundup-block__content .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-meta .roundup-block__published-date,.roundup-block--list .roundup-block__post .roundup-block__content-container .roundup-block__content-meta .roundup-block__author-info .roundup-block__author-meta .roundup-block__published-date{color:#7d7d7d}.roundup-block__contents.roundup-block--card .posts__post-author_photo,.roundup-block__contents.roundup-block--card .posts__post-preview-image--regular,.roundup-block__posts.roundup-block--card .posts__post-author_photo,.roundup-block__posts.roundup-block--card .posts__post-preview-image--regular{padding:1px;outline:none;margin:0;background:transparent}.roundup-block__contents.roundup-block--card .posts__post-author_photo,.roundup-block__posts.roundup-block--card .posts__post-author_photo{height:32px;width:32px;border-radius:50px}.roundup-block__contents.roundup-block--card .posts__post-preview-image--regular,.roundup-block__posts.roundup-block--card .posts__post-preview-image--regular{border:none;border-radius:4px 4px 0 0;height:207px;max-height:207px}.roundup-block__contents.roundup-block--card a.roundup-block__content-link,.roundup-block__contents.roundup-block--card a.roundup-block__post-link,.roundup-block__posts.roundup-block--card a.roundup-block__content-link,.roundup-block__posts.roundup-block--card a.roundup-block__post-link{color:#2a3744;display:block}.roundup-block__contents.roundup-block--card a.roundup-block__content-link:after,.roundup-block__contents.roundup-block--card a.roundup-block__post-link:after,.roundup-block__posts.roundup-block--card a.roundup-block__content-link:after,.roundup-block__posts.roundup-block--card a.roundup-block__post-link:after{content:"";display:table;clear:both}.roundup-block__contents.roundup-block--card a.roundup-block__content-link:active,.roundup-block__contents.roundup-block--card a.roundup-block__content-link:focus,.roundup-block__contents.roundup-block--card a.roundup-block__content-link:hover,.roundup-block__contents.roundup-block--card a.roundup-block__post-link:active,.roundup-block__contents.roundup-block--card a.roundup-block__post-link:focus,.roundup-block__contents.roundup-block--card a.roundup-block__post-link:hover,.roundup-block__posts.roundup-block--card a.roundup-block__content-link:active,.roundup-block__posts.roundup-block--card a.roundup-block__content-link:focus,.roundup-block__posts.roundup-block--card a.roundup-block__content-link:hover,.roundup-block__posts.roundup-block--card a.roundup-block__post-link:active,.roundup-block__posts.roundup-block--card a.roundup-block__post-link:focus,.roundup-block__posts.roundup-block--card a.roundup-block__post-link:hover{color:#202a34;text-decoration:none}.roundup-block__contents.roundup-block--card img.roundup-block__preview-image,.roundup-block__posts.roundup-block--card img.roundup-block__preview-image{border:none;border-radius:4px 4px 0 0;height:207px;max-height:207px;padding:0}.roundup-block__contents.roundup-block--card .roundup-block__primary-category,.roundup-block__posts.roundup-block--card .roundup-block__primary-category{font:700 10px/1.6em system-ui,Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;display:block;-webkit-font-smoothing:subpixel-antialiased;margin-bottom:10px}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-design,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-design{color:#c94e4b}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-code,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-code{color:#4cc1be}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-music,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-music{color:#56a4ca}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-photography,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-photography{color:#8360a8}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-cgi,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-cgi{color:#f95858}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-computers,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-computers{color:#5d7dba}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-business,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-business{color:#f38844}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-crafts,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-crafts{color:#ff9069}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-gamedevelopment,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-gamedevelopment{color:#72bf40}.roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-webdesign,.roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-webdesign{color:#49b293}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-design,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-design,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-design,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-design,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-design,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-design{color:#9c2f2c}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-code,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-code,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-code,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-code,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-code,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-code{color:#2d9492}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-music,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-music,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-music,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-music,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-music,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-music{color:#367c9e}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-photography,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-photography,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-photography,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-photography,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-photography,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-photography{color:#5d3f7e}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-cgi,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-cgi,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-cgi,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-cgi,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-cgi,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-cgi{color:#dc2929}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-computers,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-computers,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-computers,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-computers,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-computers,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-computers{color:#3c598f}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-business,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-business,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-business,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-business,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-business,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-business{color:#c96323}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-crafts,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-crafts,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-crafts,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-crafts,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-crafts,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-crafts{color:#e3663a}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-gamedevelopment,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-gamedevelopment,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-gamedevelopment,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-gamedevelopment,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-gamedevelopment,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-gamedevelopment{color:#4e9122}.roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-webdesign,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-webdesign,.roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-webdesign,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-webdesign,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-webdesign,.roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-webdesign{color:#2a866b}.roundup-block__contents.roundup-block--card .roundup-block__content-title,.roundup-block__contents.roundup-block--card .roundup-block__post-title,.roundup-block__posts.roundup-block--card .roundup-block__content-title,.roundup-block__posts.roundup-block--card .roundup-block__post-title{display:block;font:700 19px/1.2em system-ui,Roboto,Arial,sans-serif;color:#2a3744}.roundup-block__contents.roundup-block--card .roundup-block__author,.roundup-block__posts.roundup-block--card .roundup-block__author{font:normal 12px/1.6em system-ui,Roboto,Arial,sans-serif;color:#7d7d7d;margin-top:10px}.post-body__translation{margin:20px 0}@media(min-width:1340px){.post-body__translation{display:none}}@media(min-width:1024px)and (max-width:1339px){.post-body__translation{display:none}}.post-body__sponsored-content{padding:20px;margin:0 0 26px;background:#f5f7f8;font-size:14px;line-height:1.6em}.post-body__sponsored-content p{margin:10px 0 0}.post-body__translated-by{padding:20px;margin:0 0 26px;background:#f5f7f8;font-size:14px}.post-body__translated-by p{margin:10px 0 0}.post-body__series-navigation{padding:20px;margin:0 0 26px;background:#f5f7f8;font-size:14px}.post-body__series-navigation p{margin:10px 0 0}.post-body__series-navigation a:not([class]){color:#046fa9;font-weight:600}.post-body__series-navigation a:not([class]):active,.post-body__series-navigation a:not([class]):focus,.post-body__series-navigation a:not([class]):hover{color:#035f90}.post-body__series-navigation a:not([class]):focus,.post-body__series-navigation a:not([class]):hover{text-decoration:underline}.post-body__series-navigation-item{margin-top:10px}.post-body__series-navigation-next-link:before,.post-body__series-navigation-previous-link:before{margin-right:10px;font-family:Font Awesome\ 5 Free;font-weight:900;font-size:14px}.post-body__series-navigation-previous-link{content:""}.post-body__series-navigation-next-link:before{content:""}.summary-text{color:#3a3a3a;font-size:24px;font-weight:500;line-height:32px;margin-top:40px;margin-bottom:64px!important}.post-body__content,.syllabus__content{font-style:normal;font-size:18px;font-weight:400;line-height:150%;letter-spacing:2.5%;color:#3a3a3a;margin-top:16px;margin-bottom:40px}.post-body__content>:first-child,.syllabus__content>:first-child{margin-top:0;padding-top:0}.post-body__content h2:first-of-type,.syllabus__content h2:first-of-type{margin-top:64px;font-size:32px;font-weight:600;line-height:125%;letter-spacing:2.5%}@media(max-width:679px){.post-body__content h2:first-of-type,.syllabus__content h2:first-of-type{font-size:27px}}.post-body__content embed,.post-body__content figure,.post-body__content iframe,.post-body__content img,.post-body__content object,.post-body__content video,.syllabus__content embed,.syllabus__content figure,.syllabus__content iframe,.syllabus__content img,.syllabus__content object,.syllabus__content video{max-width:100%;text-align:center}.post-body__content a:not([class]),.syllabus__content a:not([class]){color:#046fa9;font-weight:600}.post-body__content a:not([class]):active,.post-body__content a:not([class]):focus,.post-body__content a:not([class]):hover,.syllabus__content a:not([class]):active,.syllabus__content a:not([class]):focus,.syllabus__content a:not([class]):hover{color:#035f90}.post-body__content a:not([class]):focus,.post-body__content a:not([class]):hover,.syllabus__content a:not([class]):focus,.syllabus__content a:not([class]):hover{text-decoration:underline}.post-body__content audio,.post-body__content video,.syllabus__content audio,.syllabus__content video{width:100%}.post-body__content figure:not([class]) iframe,.syllabus__content figure:not([class]) iframe{width:100%;min-height:50vh}.post-body__content figure.embedded-video,.post-body__content figure.final-product--video,.syllabus__content figure.embedded-video,.syllabus__content figure.final-product--video{position:relative;padding-bottom:56.25%}.post-body__content figure.embedded-video embed,.post-body__content figure.embedded-video iframe,.post-body__content figure.embedded-video object,.post-body__content figure.final-product--video embed,.post-body__content figure.final-product--video iframe,.post-body__content figure.final-product--video object,.syllabus__content figure.embedded-video embed,.syllabus__content figure.embedded-video iframe,.syllabus__content figure.embedded-video object,.syllabus__content figure.final-product--video embed,.syllabus__content figure.final-product--video iframe,.syllabus__content figure.final-product--video object{top:0;left:0;width:100%;height:100%;position:absolute}.post-body__content figure.final-product--video,.syllabus__content figure.final-product--video{margin-bottom:80px}.post-body__content img,.syllabus__content img{height:auto;margin:1px;background:#fbfbfb;border-radius:8px}.post-body__content code,.post-body__content pre,.post-body__content tt,.syllabus__content code,.syllabus__content pre,.syllabus__content tt{font-family:Source Code Pro,Monaco,monospace}.post-body__content pre,.syllabus__content pre{overflow:hidden}.post-body__content hr,.syllabus__content hr{display:none}.post-body__content .question,.post-body__content h2,.post-body__content h3,.post-body__content h4,.post-body__content h5,.post-body__content h6,.syllabus__content .question,.syllabus__content h2,.syllabus__content h3,.syllabus__content h4,.syllabus__content h5,.syllabus__content h6{margin-bottom:0}.post-body__content .question,.syllabus__content .question{line-height:1.6em}.post-body__content h2,.syllabus__content h2{margin:64px 0 26px;font-size:32px;font-weight:600;line-height:125%;letter-spacing:2.5%}@media(max-width:679px){.post-body__content h2,.syllabus__content h2{font-size:27px}}.post-body__content h2>span.sectionnum,.syllabus__content h2>span.sectionnum{color:#cbcbcb}.post-body__content h3,.syllabus__content h3{margin:40px 0 20px;font-size:24px;font-weight:600;line-height:125%;letter-spacing:2.5%}.post-body__content .question,.post-body__content h4,.syllabus__content .question,.syllabus__content h4{font-size:20px;font-weight:600;line-height:125%;letter-spacing:2.5%;margin-bottom:13px;margin-top:40px}.post-body__content .question>span,.post-body__content h4>span,.syllabus__content .question>span,.syllabus__content h4>span{color:#8e8e8e}.post-body__content .question>span:after,.post-body__content h4>span:after,.syllabus__content .question>span:after,.syllabus__content h4>span:after{content:". "}.post-body__content h5,.syllabus__content h5{font-size:18px;font-weight:600;line-height:125%;letter-spacing:2.5%}.post-body__content h6,.syllabus__content h6{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.post-body__content h3+*,.post-body__content h3+*>:first-child,.syllabus__content h3+*,.syllabus__content h3+*>:first-child{margin-top:.3em}.post-body__content p.question:before,.syllabus__content p.question:before{content:"Q. ";color:#8e8e8e}.post-body__content blockquote,.syllabus__content blockquote{margin:26px 40px;font-style:italic;font-weight:200;font-family:system-ui,Roboto,Arial,sans-serif;font-size:24px;color:#6c6c6c}.post-body__content code,.syllabus__content code{border:1px solid #e4e4e4;padding:4px 4px 1px;background:#f5f7f8;font-size:14px;border-radius:3px}.post-body__content figure,.syllabus__content figure{margin:24px 0 64px}.post-body__content figcaption,.syllabus__content figcaption{font-size:14px;color:#5b5b5b}.post-body__content .hex,.syllabus__content .hex{background:#d7dee5;padding:.3em .5em .15em;font-family:Source Code Pro,Monaco,monospace;font-size:14px;color:#4b4b4b;border-radius:3px}.post-body__content p,.syllabus__content p{text-indent:0;margin-top:16px;margin-bottom:40px}@media(max-width:679px){.post-body__content .PDS_Poll .pds-box,.syllabus__content .PDS_Poll .pds-box{width:100%}}.post-body__content .changed-shortcode,.post-body__content .disclaimer-shortcode,.post-body__content .related-shortcode,.post-body__content .republished-shortcode,.post-body__content .review-shortcode,.post-body__content .sponsored-shortcode,.post-body__content .tip-shortcode,.post-body__content .videodownload-shortcode,.syllabus__content .changed-shortcode,.syllabus__content .disclaimer-shortcode,.syllabus__content .related-shortcode,.syllabus__content .republished-shortcode,.syllabus__content .review-shortcode,.syllabus__content .sponsored-shortcode,.syllabus__content .tip-shortcode,.syllabus__content .videodownload-shortcode{padding:20px;margin:0 0 26px;background:#f5f7f8;font-size:14px}.post-body__content .changed-shortcode p,.post-body__content .disclaimer-shortcode p,.post-body__content .related-shortcode p,.post-body__content .republished-shortcode p,.post-body__content .review-shortcode p,.post-body__content .sponsored-shortcode p,.post-body__content .tip-shortcode p,.post-body__content .videodownload-shortcode p,.syllabus__content .changed-shortcode p,.syllabus__content .disclaimer-shortcode p,.syllabus__content .related-shortcode p,.syllabus__content .republished-shortcode p,.syllabus__content .review-shortcode p,.syllabus__content .sponsored-shortcode p,.syllabus__content .tip-shortcode p,.syllabus__content .videodownload-shortcode p{margin:10px 0 0}.post-body__content ul.webroundup,.syllabus__content ul.webroundup{list-style:none;margin:0;padding:0}.post-body__content ul.webroundup li,.syllabus__content ul.webroundup li{margin-bottom:30px}@media(min-width:680px){.post-body__content ul.webroundup li,.syllabus__content ul.webroundup li{position:relative;padding-left:200px;min-height:170px}.post-body__content ul.webroundup li img,.syllabus__content ul.webroundup li img{position:absolute;left:0;top:5px;width:170px;height:auto}}@media(max-width:679px){.post-body__content ul.webroundup li h4,.syllabus__content ul.webroundup li h4{margin-top:0}}.post-body__content table,.syllabus__content table{border-collapse:collapse;width:100%;margin:0 0 26px}.post-body__content td,.post-body__content th,.syllabus__content td,.syllabus__content th{border:1px solid #8e8e8e;text-align:left;padding:5px 10px}.post-body__content #quiz-container *,.syllabus__content #quiz-container *{box-sizing:content-box;line-height:normal}.post-body__content .twitter-tweet,.syllabus__content .twitter-tweet{margin:30px 0!important}.post-body--rtl .post-body__content{direction:rtl}.post-body--rtl .post-body__content code,.post-body--rtl .post-body__content pre,.post-body--rtl .post-body__content tt{unicode-bidi:embed;direction:ltr;font-family:Source Code Pro,Monaco,monospace}.post-body--rtl .post-body__content .syntaxhighlighter{direction:ltr}@media(max-width:679px){.post__article-top{display:none}}@media(max-width:679px){.post__inarticle-ad-template{display:none!important}}.post__inarticle-ad-template.is-hidden{display:none}@media(min-width:680px){.post__inarticle-ad-template-mobile{display:none!important}}.post__inarticle-ad-template-mobile.is-hidden{display:none}@media(max-width:679px){.post__article-ad{display:none}}@media(min-width:680px){.post__article-ad-mobile{display:none}}@media(min-width:1340px){.post__sticky-sky-ads .post__article-top,.post__sticky-sky-ads .post__fullwidth-inarticle-ad-template,.post__sticky-sky-ads .post__inarticle-ad-template{display:none}}.article_sky_ad,.layout__article_sky_ad{display:none}@media(min-width:1340px){.article_sky_ad,.layout__article_sky_ad{display:block}}.layout__article_sky_ad{width:160px;margin:134px 30px auto}.sticky-ad-sky-left.tether-pinned-top,.sticky-ad-sky-right.tether-pinned-top{top:calc(50vh - 313px)!important}.layout__article_sky_left_ad{float:left}.layout__article_sky_right_ad{float:right}@media(max-width:679px){.layout__sidebar-ad-1,.layout__sidebar-ad-2,.layout__sidebar-ad-3{display:none}}@media(min-width:680px){.layout__sidebar-ad-mobile{display:none}}.video-preview-image{cursor:pointer;position:absolute;width:100%;height:100%;background-size:cover}.video-preview-image.youtube:hover .play-button-bg{fill:red}.video-preview-image.youtube .play-button{position:absolute;top:0;left:calc(50% - 34px)}.video-preview-image.youtube .video-preview-image__ytv-heading{position:absolute;width:100%;padding:5px 12px 0;height:60px;display:flex;align-items:center}.video-preview-image.youtube .video-preview-image__ytv-heading .video-preview-image__ytv-heading-gradient-top{height:110px;padding-bottom:50px;top:1px;left:1px;z-index:25;background-position:top;width:100%;position:absolute;background-repeat:repeat-x;opacity:.5;background-image:linear-gradient(#000,transparent);transition:opacity .25s cubic-bezier(0,0,.2,1);pointer-events:none}.video-preview-image.youtube .video-preview-image__ytv-heading .video-preview-image__ytv-heading-channel-logo-link{height:40px;width:40px;border-radius:50%;background-size:cover;z-index:26}.video-preview-image.youtube .video-preview-image__ytv-heading .video-preview-image__ytv-heading-title-link{color:#fff;margin-left:10px;font-family:system-ui,Roboto,Arial,sans-serif;font-size:18px;line-height:1.3;-webkit-tap-highlight-color:rgba(0,0,0,0);text-overflow:ellipsis;overflow:hidden;width:75%;white-space:nowrap;text-align:left;z-index:26}.video-preview-image.wistia .play-button{fill:#fff;height:80px;left:0;stroke-width:0px;top:calc(50% - 40px);width:100%;position:absolute}.video-preview-image.wistia .play-button .play-button-bg.topic-design{fill:#c94e4b}.video-preview-image.wistia .play-button .play-button-bg.topic-code{fill:#4cc1be}.video-preview-image.wistia .play-button .play-button-bg.topic-music{fill:#56a4ca}.video-preview-image.wistia .play-button .play-button-bg.topic-photography{fill:#8360a8}.video-preview-image.wistia .play-button .play-button-bg.topic-cgi{fill:#f95858}.video-preview-image.wistia .play-button .play-button-bg.topic-computers{fill:#5d7dba}.video-preview-image.wistia .play-button .play-button-bg.topic-business{fill:#f38844}.video-preview-image.wistia .play-button .play-button-bg.topic-crafts{fill:#ff9069}.video-preview-image.wistia .play-button .play-button-bg.topic-gamedevelopment{fill:#72bf40}.video-preview-image.wistia .play-button .play-button-bg.topic-webdesign{fill:#49b293}.video-preview-image img{-o-object-fit:cover;object-fit:cover;width:100%;padding:0;height:100%}.resized-image{display:none!important}@media(min-width:1024px){.resized-image.resized-image-desktop{display:inline!important}}@media(min-width:680px)and (max-width:1023px){.resized-image.resized-image-tablet{display:inline!important}}@media(max-width:679px){.resized-image.resized-image-mobile{display:inline!important}}.tutorial_image{text-align:center}.content-author{border:0}.page-content.page-content__no-top-border{border-top:none!important}.post__header-hero-image{width:100vw;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-grow:1}.post__header-hero-image .post__header-hero-image-bg-backdrop{display:none;background:linear-gradient(0deg,#000,transparent);opacity:.8;width:100vw;position:absolute;top:88px;height:312px}@media(min-width:680px)and (max-width:1023px){.post__header-hero-image .post__header-hero-image-bg-backdrop{top:15px;height:285px}}@media(max-width:679px){.post__header-hero-image .post__header-hero-image-bg-backdrop{top:0;height:200px}}.post__header-hero-image .content{margin-bottom:32px;background:transparent;z-index:1}@media(max-width:679px){.post__header-hero-image .content{margin-bottom:24px}}.post__header-hero-image .content .content-banner-restricted-width{margin:auto;text-align:center}.post__header-hero-image .content .content-banner-restricted-width .content-banner__content-breadcrumb{margin-bottom:0}.post__header-hero-image .content .content-banner-restricted-width .content-banner__content-breadcrumb li{float:none}.post__header-hero-image .content .content-banner-restricted-width .content-banner__content-breadcrumb li a{font-size:14px;line-height:20px}.post__header-hero-image .content .content-banner-restricted-width .content-banner__content-breadcrumb li+li:before{padding-left:5px;padding-right:5px}.post__header-hero-image .content .content-banner-restricted-width .content-banner__body{display:block}.post__header-hero-image .content .content-banner-restricted-width .content-banner__title{line-height:120%;letter-spacing:-1px}.post__header-hero-image .content .content-heading__primary{justify-content:center;border:none;padding-top:40px;padding-bottom:0}@media(max-width:679px){.post__header-hero-image .content .content-heading__primary{display:none}}.post__header-hero-image .content .content-heading__primary select{background-color:transparent!important;border:none}.post__header-hero-image .content .content-heading__primary select option{background-color:transparent!important}.post__header-hero-image .content .content-heading__primary .content-heading__item{padding-right:0;margin-right:0;padding-left:10px;justify-content:center}.post__header-hero-image .content .content-heading__primary .content-heading__item:first-child{padding-left:0}@media(min-width:680px)and (max-width:1023px){.post__header-hero-image .content .content-heading__primary .content-heading__item{padding-left:0}}.post__header-hero-image .content .content-heading__primary .content-heading__item .content-author__image{width:30px;height:30px;margin:0}.post__header-hero-image .content .content-heading__primary .content-heading__item .content-heading__value{font-family:system-ui,Roboto,Arial,sans-serif;font-size:14px}.post__header-hero-image .content .content-heading__primary .content-heading__secondary-social-expanded{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.post__header-hero-image .content .content-heading__primary .content-heading__secondary-social{width:auto}@media(min-width:680px)and (max-width:1023px){.post__header-hero-image .content .content-heading__primary .content-heading__secondary-social .social-share-links__count--share{display:inline}}.post__header-hero-image .content .content-heading__primary .content-heading__secondary-social .social-share-links__count--share{font-weight:400;font-size:14px;line-height:20px;vertical-align:text-bottom}.post__header-hero-image .content .content-heading__primary .content-heading__separator:before{content:"|"}.post__header-hero-image-behind-text{height:400px}@media(min-width:680px)and (max-width:1023px){.post__header-hero-image-behind-text{height:300px}}@media(max-width:679px){.post__header-hero-image-behind-text{height:200px}}.post__header-hero-image-behind-text .post__header-hero-image-bg-backdrop{display:block}.post__header-hero-image-behind-text .content{margin-top:auto;margin-bottom:32px}.post__header-hero-image-behind-text .content .content-banner-restricted-width .content-banner__content-breadcrumb li a{color:#fff}.post__header-hero-image-behind-text .content .content-banner-restricted-width .content-banner__content-breadcrumb li a:hover{text-decoration:underline}.post__header-hero-image-behind-text .content .content-banner-restricted-width .content-banner__content-breadcrumb li+li:before,.post__header-hero-image-behind-text .content .content-banner-restricted-width .content-banner__title,.post__header-hero-image-behind-text .content .content-heading__primary{color:#fff}.post__header-hero-image-behind-text .content .content-heading__primary a,.post__header-hero-image-behind-text .content .content-heading__primary span{color:#fff!important}.post__header-hero-image-behind-text .content .content-heading__primary a{font-weight:800}.post__header-hero-image-behind-text .content .content-heading__primary a:hover{text-decoration:underline}.post__header-hero-image-behind-text .content .content-heading__primary select{color:#fff!important;font-weight:800}.post__header-hero-image-behind-text .content .content-heading__primary .content-heading__secondary-social .fa{color:#9b9b9b!important}.post__header-hero-image-behind-text .content .content-heading__primary .content-heading__secondary-social .social-share-links__count--share{color:#fff!important}.post__header-hero-image-behind-text .content .content-heading__primary .content-heading__separator:before{content:"|";color:#9b9b9b}.post__header-hero-image-below-text .content{padding-top:0}@media(max-width:679px){.post__header-hero-image-below-text .content{margin-bottom:0}}.post__header-hero-image-below-text .content .content-banner-restricted-width .content-banner__content-breadcrumb{margin-bottom:15px}.post__header-hero-image-below-text .content .content-heading__primary .content-heading__separator:before{content:"|";opacity:.5}.hero-image-below-title{margin:auto;width:100%;background-size:cover}@media(min-width:1340px){.hero-image-below-title{max-width:1290px;height:645px}}@media(min-width:1024px)and (max-width:1339px){.hero-image-below-title{max-width:960px;height:480px}}@media(min-width:680px)and (max-width:1023px){.hero-image-below-title{width:100vw;margin:auto calc(-50vw - -315px);height:340px}}@media(max-width:679px){.hero-image-below-title{width:100vw;margin:auto calc(-50vw - -50%);height:210px}}.hero-image-below-title-non-mobile{display:block}@media(max-width:679px){.hero-image-below-title-non-mobile{display:none}}.hero-image-below-title-mobile{display:none}@media(max-width:679px){.hero-image-below-title-mobile{display:block}}.drop{z-index:1}article.header-hero-image-post{margin-top:0}@media(max-width:679px){article.header-hero-image-post{margin-top:24px}}@media(min-width:680px){article.header-hero-image-post .content-heading__secondary{padding-top:0}}article.header-hero-image-post .content-heading__primary{display:none}@media(max-width:679px){article.header-hero-image-post .content-heading__primary{display:block}article.header-hero-image-post .content-heading__primary .content-heading__item{justify-content:center}}@media(max-width:1023px){.category_featured_content{display:none}}@media(min-width:1024px)and (max-width:1339px){.category_featured_content_mobile_and_tablet{display:none}}@media(min-width:1340px){.category_featured_content_mobile_and_tablet{display:none}}.posts{list-style:none;margin:0;padding:0}.posts__post{display:block;overflow:hidden}.posts__post article{position:absolute;width:100%;top:0;bottom:0;transition:all .2s ease}@media(max-width:1023px){.posts__post article{position:relative;height:100%}}.posts__post--rtl .posts__post-teaser,.posts__post--rtl .posts__post-title--rtl{direction:rtl;text-align:right}.posts__post-preview{overflow:hidden;width:100%;text-align:center;display:block;margin:0 auto;border-bottom:1px solid #e1e8ed;line-height:0;height:207px}.posts__post-preview-image{margin:0}.posts__post-preview-image--regular{width:100%;border:none;border-radius:4px 4px 0 0;height:207px;max-height:207px}.posts__post-primary-topic{text-transform:uppercase}.posts__post-primary-topic.topic-design{color:#c94e4b}.posts__post-primary-topic.topic-code{color:#4cc1be}.posts__post-primary-topic.topic-music{color:#56a4ca}.posts__post-primary-topic.topic-photography{color:#8360a8}.posts__post-primary-topic.topic-cgi{color:#f95858}.posts__post-primary-topic.topic-computers{color:#5d7dba}.posts__post-primary-topic.topic-business{color:#f38844}.posts__post-primary-topic.topic-crafts{color:#ff9069}.posts__post-primary-topic.topic-gamedevelopment{color:#72bf40}.posts__post-primary-topic.topic-webdesign{color:#49b293}.posts__post-title{display:block;margin:10px 15px 0;max-height:70px}.posts__post-title h1{font:700 18px/1.4em system-ui,Roboto,Arial,sans-serif;color:#4a4a4a;margin-top:0;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.posts__post-publication-meta{display:block;background-color:#fff;width:100%;padding-top:15px}.posts__post-details{font-size:12px;position:absolute;bottom:5px;left:0;width:100%;padding:0 15px;color:#8e8e8e}.posts__post-language,.posts__post-social-count{margin-left:6px;white-space:nowrap}.posts__post-language:before,.posts__post-social-count:before{content:"•";display:inline-block;padding-right:6px}.posts__post-extra-info{position:absolute;top:31px;right:15px;bottom:0}.posts__post-primary-category,.posts__post-primary-topic{position:absolute;top:50px;right:13px;z-index:1}.posts__post-primary-category-link,.posts__post-primary-topic-link{font:700 12px/1 system-ui,Roboto,Arial,sans-serif;text-transform:uppercase;display:inline-block;-webkit-font-smoothing:subpixel-antialiased;color:#999}.posts__post-primary-category-link.topic-design,.posts__post-primary-topic-link.topic-design{color:#c94e4b}.posts__post-primary-category-link.topic-code,.posts__post-primary-topic-link.topic-code{color:#4cc1be}.posts__post-primary-category-link.topic-music,.posts__post-primary-topic-link.topic-music{color:#56a4ca}.posts__post-primary-category-link.topic-photography,.posts__post-primary-topic-link.topic-photography{color:#8360a8}.posts__post-primary-category-link.topic-cgi,.posts__post-primary-topic-link.topic-cgi{color:#f95858}.posts__post-primary-category-link.topic-computers,.posts__post-primary-topic-link.topic-computers{color:#5d7dba}.posts__post-primary-category-link.topic-business,.posts__post-primary-topic-link.topic-business{color:#f38844}.posts__post-primary-category-link.topic-crafts,.posts__post-primary-topic-link.topic-crafts{color:#ff9069}.posts__post-primary-category-link.topic-gamedevelopment,.posts__post-primary-topic-link.topic-gamedevelopment{color:#72bf40}.posts__post-primary-category-link.topic-webdesign,.posts__post-primary-topic-link.topic-webdesign{color:#49b293}.posts__post-primary-category-link:active.topic-design,.posts__post-primary-category-link:focus.topic-design,.posts__post-primary-category-link:hover.topic-design,.posts__post-primary-topic-link:active.topic-design,.posts__post-primary-topic-link:focus.topic-design,.posts__post-primary-topic-link:hover.topic-design{color:#9c2f2c}.posts__post-primary-category-link:active.topic-code,.posts__post-primary-category-link:focus.topic-code,.posts__post-primary-category-link:hover.topic-code,.posts__post-primary-topic-link:active.topic-code,.posts__post-primary-topic-link:focus.topic-code,.posts__post-primary-topic-link:hover.topic-code{color:#2d9492}.posts__post-primary-category-link:active.topic-music,.posts__post-primary-category-link:focus.topic-music,.posts__post-primary-category-link:hover.topic-music,.posts__post-primary-topic-link:active.topic-music,.posts__post-primary-topic-link:focus.topic-music,.posts__post-primary-topic-link:hover.topic-music{color:#367c9e}.posts__post-primary-category-link:active.topic-photography,.posts__post-primary-category-link:focus.topic-photography,.posts__post-primary-category-link:hover.topic-photography,.posts__post-primary-topic-link:active.topic-photography,.posts__post-primary-topic-link:focus.topic-photography,.posts__post-primary-topic-link:hover.topic-photography{color:#5d3f7e}.posts__post-primary-category-link:active.topic-cgi,.posts__post-primary-category-link:focus.topic-cgi,.posts__post-primary-category-link:hover.topic-cgi,.posts__post-primary-topic-link:active.topic-cgi,.posts__post-primary-topic-link:focus.topic-cgi,.posts__post-primary-topic-link:hover.topic-cgi{color:#dc2929}.posts__post-primary-category-link:active.topic-computers,.posts__post-primary-category-link:focus.topic-computers,.posts__post-primary-category-link:hover.topic-computers,.posts__post-primary-topic-link:active.topic-computers,.posts__post-primary-topic-link:focus.topic-computers,.posts__post-primary-topic-link:hover.topic-computers{color:#3c598f}.posts__post-primary-category-link:active.topic-business,.posts__post-primary-category-link:focus.topic-business,.posts__post-primary-category-link:hover.topic-business,.posts__post-primary-topic-link:active.topic-business,.posts__post-primary-topic-link:focus.topic-business,.posts__post-primary-topic-link:hover.topic-business{color:#c96323}.posts__post-primary-category-link:active.topic-crafts,.posts__post-primary-category-link:focus.topic-crafts,.posts__post-primary-category-link:hover.topic-crafts,.posts__post-primary-topic-link:active.topic-crafts,.posts__post-primary-topic-link:focus.topic-crafts,.posts__post-primary-topic-link:hover.topic-crafts{color:#e3663a}.posts__post-primary-category-link:active.topic-gamedevelopment,.posts__post-primary-category-link:focus.topic-gamedevelopment,.posts__post-primary-category-link:hover.topic-gamedevelopment,.posts__post-primary-topic-link:active.topic-gamedevelopment,.posts__post-primary-topic-link:focus.topic-gamedevelopment,.posts__post-primary-topic-link:hover.topic-gamedevelopment{color:#4e9122}.posts__post-primary-category-link:active.topic-webdesign,.posts__post-primary-category-link:focus.topic-webdesign,.posts__post-primary-category-link:hover.topic-webdesign,.posts__post-primary-topic-link:active.topic-webdesign,.posts__post-primary-topic-link:focus.topic-webdesign,.posts__post-primary-topic-link:hover.topic-webdesign{color:#2a866b}.posts__post-author-link{display:inline-block;max-width:175px;vertical-align:middle;color:#8e8e8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.no-touch .posts__post .posts__post-preview:hover{opacity:.8}html.no-touch .posts__post .posts__post-title:hover{color:#000;text-decoration:underline}.posts__post-author,.posts__post-publication-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.posts__post-author{display:block;font-style:normal;line-height:1em}.posts__post{position:relative;float:left;width:300px;margin-right:30px;margin-bottom:40px;height:463px}@media(max-width:679px){.posts__post{margin-right:auto;margin-left:auto;float:none}}.posts__post article{border:1px solid #e1e8ed;border-radius:4px;margin-top:13px;height:450px}.posts__post.free-course .free-course__label{position:absolute;top:0;left:15px;z-index:2}.posts__post-author_photo{height:32px;width:32px;border-radius:50px}@media(min-width:1340px){.posts--with-sidebar .posts__post:nth-child(3n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.posts--with-sidebar .posts__post:nth-child(2n){margin-right:0}}@media(min-width:680px)and (max-width:1023px){.posts--with-sidebar .posts__post:nth-child(2n){margin-right:0}}@media(min-width:1340px){.posts--with-center-column .posts__post:nth-child(3n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.posts--with-center-column .posts__post:nth-child(3n){margin-right:0}}@media(min-width:680px)and (max-width:1023px){.posts--with-center-column .posts__post:nth-child(2n){margin-right:0}}@media(min-width:1340px){.posts--full-width .posts__post:nth-child(4n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.posts--full-width .posts__post:nth-child(3n){margin-right:0}}@media(min-width:680px)and (max-width:1023px){.posts--full-width .posts__post:nth-child(2n){margin-right:0}}@media(min-width:1340px){.posts--half-width .posts__post:nth-child(2n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.posts--half-width .posts__post:nth-child(2n){margin-right:0}}@media(min-width:680px)and (max-width:1023px){.posts--half-width .posts__post:nth-child(2n){margin-right:0}}.category-home__4-column__featured-content__posts{display:none}.category-home__4-column__featured-content__posts .posts__post{margin-right:30px!important}.category-home__4-column__featured-content__posts .posts__post:last-child{margin-right:0!important;margin-bottom:80px}@media(min-width:1024px)and (max-width:1339px){.category-home__4-column__featured-content__posts .posts__post:nth-child(3n),.category-home__4-column__featured-content__posts .posts__post:nth-child(4n){margin-right:0!important}}@media(min-width:680px)and (max-width:1023px){.category-home__4-column__featured-content__posts .posts__post{display:none}}@media(max-width:679px){.category-home__4-column__featured-content__posts .posts__post{display:none}}.category-home__2-column__featured-content__posts,.category-home__2-column__featured-content__posts .posts__post:nth-child(1n),.category-home__4-column__featured-content__posts .posts__post .free-course__label{display:none}.category-home__2-column__featured-content__posts .posts__post:first-child,.category-home__2-column__featured-content__posts .posts__post:nth-child(2){display:block}.category-home__2-column__featured-content__posts .posts__post:nth-child(2){margin-bottom:80px;margin-right:0!important}@media(min-width:1340px){.category-home__2-column__featured-content__posts .posts__post{display:none}}@media(min-width:1024px)and (max-width:1339px){.category-home__2-column__featured-content__posts .posts__post{display:none}}@media(min-width:680px)and (max-width:1023px){.category-home__2-column__featured-content__posts .posts__post{width:calc(50% - 15px)}}@media(max-width:679px){.category-home__2-column__featured-content__posts .posts__post:nth-child(1n){margin-right:auto!important}}.category-home__2-column__featured-content__posts .posts__post .free-course__label{display:none}.category-home__2-column__featured-content__posts .posts__post .posts__post-preview-image{aspect-ratio:1.4440433213}.category-home__mobile_landscape__featured-content__posts{display:none}.posts--standalone .posts__post{margin:30px auto 10px;float:none;background-color:#fff}.posts__post-teaser{width:100%;font-size:14px;color:#7d7d7d;line-height:1.5em;text-align:left;padding:9px 15px 5px;position:absolute;top:285px}@media(max-width:1023px){.posts__post-teaser{padding:9px 15px 70px}}.posts__post-teaser-overlay{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);display:block;height:20px;width:100%}.posts__post-details__info{display:inline-block;padding-left:5px}.free-course__label{background-color:#82b541;color:#fff;padding:3px 15px;letter-spacing:1px;border-radius:5px;font-weight:700;line-height:normal}.social-links{margin:0 auto 20px;padding:3px 0 6px}.social-links__item{list-style:none;display:inline-block;margin-right:6px}.social-links__item:last-child{margin-right:0}.social-links__link{display:block;margin:0;font:700 11px system-ui,Roboto,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;-webkit-font-smoothing:subpixel-antialiased;padding:5px 7px;border-radius:4px;color:#fff;background:#939393}.social-links__link:hover{color:#fff;background:#7a7a7a}.social-links__link--feed{background:orange}.social-links__link--feed:hover{background:#cc8400}.social-links__link--facebook{background:#4c66a4}.social-links__link--facebook:hover{background:#3c5081}.social-links__link--twitter{background:#55acee}.social-links__link--twitter:hover{background:#2795e9}.social-links__link--pinterest{background:#cd1d1f}.social-links__link--pinterest:hover{background:#a01718}.social-links__icon{margin-right:4px;font-size:12px}.content-header{margin-bottom:20px}@media(min-width:1024px)and (max-width:1339px){.content-header{margin-bottom:30px}}@media(max-width:679px){.content-header{margin:10px}}.content-header__title-and-meta{margin-bottom:1em}.content-header__author-link{color:#046fa9;font-weight:600}.content-header__author-link:active,.content-header__author-link:focus,.content-header__author-link:hover{color:#035f90}.content-header__author-link:focus,.content-header__author-link:hover{text-decoration:underline}.content-header__category-link{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em;-webkit-font-smoothing:subpixel-antialiased}.content-header__title{margin:0 0 10px}.content-header__publication-meta{display:inline-block;color:#8fa6b3;font:italic 14px system-ui,Roboto,Arial,sans-serif;line-height:1.6em;margin-bottom:16px}.content-header__author{font:normal 14px system-ui,Roboto,Arial,sans-serif;margin-right:20px}.content-header__author-text{font-weight:700;color:#2a3744}.content-header__publication-date{margin-right:20px}.content-heading__separator:before{content:"|";opacity:.5}.post_likes_counter{display:flex;grid-gap:10px;gap:10px}.post_likes_counter:empty{display:none}.content-heading__item{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;line-height:1.6em;margin-bottom:10px;margin-right:10px}.content-heading__item .content-heading__fa-icon{margin-right:4px;color:#8597a1;font-size:16px}.content-heading__item .content-heading__author-name{font-weight:600}.full_width_post .content-heading__item,.full_width_post .content-heading__primary{justify-content:center;text-align:center}@media(max-width:1023px){.content-heading__separator-first{display:none}}@media(max-width:679px){.content-heading__read-time-label{display:none}}.content-heading{margin-bottom:32px}.content-heading,.post__header-hero-image{font-size:14px}.content-heading .content-heading__primary,.post__header-hero-image .content-heading__primary{max-width:850px;padding-bottom:32px;border-bottom:1px solid #e4e4e4;margin:auto;font-size:14px;display:flex;flex-wrap:wrap}@media(max-width:679px){.content-heading .content-heading__primary,.post__header-hero-image .content-heading__primary{display:block;padding-bottom:24px}.content-heading .content-heading__primary .content-heading__item,.post__header-hero-image .content-heading__primary .content-heading__item{align-items:baseline}.content-heading .content-heading__primary .content-heading__author-name,.post__header-hero-image .content-heading__primary .content-heading__author-name{margin-right:0;margin-left:0}.content-heading .content-heading__primary select,.content-heading .content-heading__primary select option,.post__header-hero-image .content-heading__primary select,.post__header-hero-image .content-heading__primary select option{background-color:transparent}.content-heading .content-heading__primary select,.post__header-hero-image .content-heading__primary select{background-color:transparent!important;border:none}.content-heading .content-heading__primary select:focus,.post__header-hero-image .content-heading__primary select:focus{outline:none}.content-heading .content-heading__primary select option,.post__header-hero-image .content-heading__primary select option{background-color:transparent!important}}@media(min-width:680px)and (max-width:1023px){.content-heading .content-heading__primary .content-heading__item,.post__header-hero-image .content-heading__primary .content-heading__item{width:100%}}.content-heading .content-heading__primary .content-heading__item,.post__header-hero-image .content-heading__primary .content-heading__item{align-items:center}.content-heading .content-heading__primary .content-heading__item .content-author__image,.post__header-hero-image .content-heading__primary .content-heading__item .content-author__image{width:30px;height:30px;margin:0}@media(max-width:679px){.content-heading .content-heading__primary .content-heading__item .content-author__image,.post__header-hero-image .content-heading__primary .content-heading__item .content-author__image{display:none}}.content-heading .content-heading__primary .content-heading__item select.content-heading__value,.post__header-hero-image .content-heading__primary .content-heading__item select.content-heading__value{font-family:system-ui,Roboto,Arial,sans-serif}.content-heading .content-heading__primary .content-heading__item .content-heading__value,.post__header-hero-image .content-heading__primary .content-heading__item .content-heading__value{font-family:system-ui,Roboto,Arial,sans-serif;color:#3a3a3a;font-size:14px}.content-heading .content-heading__primary .content-heading__item .content-heading__label,.post__header-hero-image .content-heading__primary .content-heading__item .content-heading__label{color:#717171}.course .content-heading .content-heading__primary,.lesson .content-heading .content-heading__primary{max-width:100%}@media(min-width:680px)and (max-width:1023px){.course .content-heading .content-heading__primary .content-heading__item,.lesson .content-heading .content-heading__primary .content-heading__item{justify-content:center}}.course .content-heading .content-heading__primary .content-heading__item .content-heading__fa-icon,.lesson .content-heading .content-heading__primary .content-heading__item .content-heading__fa-icon{margin-right:6px}@media(max-width:679px){.course .content-heading .content-heading__primary .content-heading__length-label,.lesson .content-heading .content-heading__primary .content-heading__length-label{display:none}}@media(min-width:680px)and (max-width:1023px){.course .content-heading .content-heading__secondary,.lesson .content-heading .content-heading__secondary{justify-content:center}}@media(min-width:680px)and (max-width:1023px){.course-banner .content-banner__body,.course-banner .content-banner__content-breadcrumb{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}}.content-heading .content-heading__secondary{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:32px}.content-heading .content-heading__secondary .content-heading__secondary-categories-tag{display:inline-block;margin-right:10px;margin-bottom:10px;padding:0 8px;color:#717171;border:1px solid #9b9b9b;border-radius:25px;white-space:nowrap}.content-heading .content-heading__secondary .content-heading__secondary-categories-tag:active,.content-heading .content-heading__secondary .content-heading__secondary-categories-tag:focus,.content-heading .content-heading__secondary .content-heading__secondary-categories-tag:hover{background-color:#f3f3f3;color:#3a3a3a}@media(max-width:679px){.content-heading .content-heading__secondary{display:none}}.content-heading.content-heading__mobile{display:none;margin:40px 0 -40px}@media(max-width:679px){.content-heading.content-heading__mobile{display:block}}.content-heading.content-heading__mobile .content-heading__secondary{border-top:1px solid #e8e8e8;display:block;text-align:center}.full_width_post .content-heading__secondary{justify-content:center}.category-header-test-control-without-header{display:block}.category-header-test-control-with-header{display:none}.category-header-test-control-with-header+.category_featured_content{margin-top:40px}.category-header-tag-test-control{display:none}.content-header-image-restricted-height{margin-top:-3rem}@media(max-width:679px){.content-header-image-restricted-height{margin-top:0;height:200px}}@media(min-width:680px)and (max-width:1023px){.content-header-image-restricted-height{height:256px}}@media(min-width:1340px){.content-header-image-restricted-height{height:256px}}@media(min-width:1024px)and (max-width:1339px){.content-header-image-restricted-height{height:256px}}.content-header-image-restricted-height .content-banner__title{padding-top:4rem}@media(min-width:1024px)and (max-width:1339px){.content-banner-restricted-width{max-width:630px}}@media(min-width:1340px){.content-banner-restricted-width{max-width:850px}}.content-banner-bottom{padding-bottom:40px;margin-bottom:10px}.content-banner-bottom.no-bottom-padding{padding-bottom:0}.content-banner__body,.content-banner__icon{display:table-cell}.content-banner__title{color:#3a3a3a;margin:0;font-size:56px;font-weight:600;line-height:125%;letter-spacing:2.5%}@media(min-width:680px)and (max-width:1023px){.content-banner__title{font-size:40px}}@media(max-width:679px){.content-banner__title{font-size:32px}}.content-banner__title--rtl{direction:rtl}.content-banner__title-icon{width:46px;height:36px;padding-right:10px}@media(max-width:679px){.content-banner__title-icon{display:none}}.content-banner__description{color:#a6a6a6;font-size:18px;padding-top:10px;line-height:26px;margin-bottom:40px}@media(max-width:679px){.content-banner__description{padding-top:5px;margin-bottom:10px}}.content-banner__description.introductory-text #introductory-text__content{margin-top:1em}.content-banner__description.introductory-text #introductory-text__content.show-less{max-height:100px;overflow:hidden;transition:max-height .35s ease-out}.content-banner__description.introductory-text #introductory-text__content.show-full{transition:max-height .35s ease-in!important}.content-banner__description.introductory-text #introductory-text__content p:first-child{margin-top:0}.content-banner__description.introductory-text #introductory-text__content p:last-child{margin-bottom:0}.content-banner__description.introductory-text #introductory-text__links-divider{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 75%);height:60px;margin-top:-60px;position:relative}.content-banner__description.introductory-text #introductory-text__read-less-link,.content-banner__description.introductory-text #introductory-text__read-more-link{display:none;cursor:pointer;color:#046fa9;font-weight:600}.content-banner__description.introductory-text #introductory-text__read-less-link:active,.content-banner__description.introductory-text #introductory-text__read-less-link:focus,.content-banner__description.introductory-text #introductory-text__read-less-link:hover,.content-banner__description.introductory-text #introductory-text__read-more-link:active,.content-banner__description.introductory-text #introductory-text__read-more-link:focus,.content-banner__description.introductory-text #introductory-text__read-more-link:hover{color:#035f90}.content-banner__description.introductory-text #introductory-text__read-less-link{margin-top:15px}.content-banner__description.introductory-text .show{display:inline-block!important}.content-banner__description a:not([class]){color:#046fa9;font-weight:600}.content-banner__description a:not([class]):active,.content-banner__description a:not([class]):focus,.content-banner__description a:not([class]):hover{color:#035f90}.content-banner__description a:not([class]):focus,.content-banner__description a:not([class]):hover{text-decoration:underline}.content-banner__content-breadcrumb{margin-top:0;margin-bottom:16px;list-style:none;padding-left:0;font-size:14px;overflow:hidden}@media(max-width:679px){.content-banner__content-breadcrumb{margin-top:24px}}.content-banner__content-breadcrumb li{float:left;display:inline-block;color:#4a4a4a}.content-banner__content-breadcrumb li:last-child{color:#717171}.content-banner__content-breadcrumb li a{color:inherit}.content-banner__content-breadcrumb li a:hover{text-decoration:underline}.content-banner__content-breadcrumb li+li:before{padding-left:10px;padding-right:5px;content:"";font-family:Font Awesome\ 5 Free;font-weight:900;color:#a6a6a6}.content-banner__title-breadcrumb{margin-top:10px;margin-bottom:60px}.content-banner__title-breadcrumb-link{color:#a6a6a6;font-weight:400}.content-banner__title-breadcrumb-link:active,.content-banner__title-breadcrumb-link:focus,.content-banner__title-breadcrumb-link:hover{color:#a6a6a6;text-decoration:underline}.content-banner__title-breadcrumb-separator{padding-left:20px;padding-right:20px;font-size:.6em;vertical-align:middle;color:#a6a6a6}.content-banner__topic-home{max-width:960px}.scroll-to-target{display:flex;align-items:center;padding:12.5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;border-radius:8px;justify-content:center}@media(min-width:1024px)and (max-width:1339px){.scroll-to-target{min-height:46px;min-width:46px}}@media(max-width:1023px){.scroll-to-target{min-height:46px;min-width:46px}}.scroll-to-target *{color:#3a3a3a;font-size:14px;font-weight:700}.scroll-to-target .scroll-to-target__btn-label{line-height:150%;letter-spacing:-.154px;margin-right:12px}.scroll-to-target .scroll-to-target__btn-icon{transform:scaleY(-1)}.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--floating{transition:all .4s ease-in;right:16px}.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--floating.hide{right:-200px;transition:all .75s ease-out}@media(min-width:1024px)and (max-width:1339px){.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--floating.hide{right:16px!important}}@media(min-width:1290px){.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--floating.hide{right:-200px!important}}@media(max-width:1023px){.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--floating.hide{right:16px!important}}@media(min-width:1290px){.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--pin-bottom,.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--pin-top{opacity:1;right:-200px;transition:all 2s ease-out}}@media(min-width:1340px){.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--pin-bottom,.post__floating-table-of-contents .post-on-scroll-floating-buttons-group__container.sticky-block--pin-top{opacity:1;right:-200px;transition:all 2s ease-out}}.post-on-scroll-floating-buttons-group__container{transition:all 1s ease-out;opacity:0;z-index:-1;border:1px solid #e1e8ed;border-radius:8px;position:fixed;bottom:16px;right:16px;background-color:#fff}.post-on-scroll-floating-buttons-group__container.sticky-block--floating{transition:all 1s ease-in;opacity:1;z-index:2147483646}.post-on-scroll-floating-buttons-group__container *{color:#3a3a3a;font-size:14px;font-weight:700}.post-on-scroll-floating-buttons-group__container .post-on-scroll-floating-button{display:flex;align-items:center;padding:12.5px 15px}.post-on-scroll-floating-buttons-group__container .post-on-scroll-floating-button .post-on-scroll-floating-button__label{line-height:150%;letter-spacing:-.154px;margin-right:12px}.post-on-scroll-floating-buttons-group__container span[class*=-label],.post-on-scroll-floating-buttons-group__container span[class*=__label]{display:none}@media(min-width:1290px){.post-on-scroll-floating-buttons-group__container span[class*=-label],.post-on-scroll-floating-buttons-group__container span[class*=__label]{display:block}}@media(min-width:1340px){.post-on-scroll-floating-buttons-group__container span[class*=-label],.post-on-scroll-floating-buttons-group__container span[class*=__label]{display:block}}table{border:1px solid #dae1e5;border-radius:4px;border-spacing:0;border-collapse:unset!important}table tr{color:#4b4b4b;font-size:18px}table tr:nth-child(2n){background-color:#f7f7f7}table tr td,table tr th{border:none!important;padding:10px!important}table thead~tbody tr{background-color:transparent!important}table thead~tbody tr:nth-child(odd){background-color:#f7f7f7!important}table thead~tbody tr:first-child{font-size:18px;color:#4b4b4b}table thead~tbody tr:first-child td,table thead~tbody tr:first-child th{border-bottom:none!important}table thead th{border-bottom:1px solid #dae1e5!important;font-size:14px;font-weight:700;color:#717171}.call-to-action-btn-primary{padding:8px 24px;border-radius:4px;background-color:#0085b6;color:#fff}.call-to-action-btn-primary:active,.call-to-action-btn-primary:focus,.call-to-action-btn-primary:hover{color:#fff;background-color:#087197}.call-to-action-btn-secondary{color:#0085b6;font-size:16px}.call-to-action-btn-secondary span{padding-left:6px}.call-to-action-btn-secondary:hover{color:#087197}.call-to-action-btn-secondary:active{color:#075f7f}.call-to-action-btn{position:relative;font-weight:700;align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;vertical-align:bottom;white-space:nowrap;text-decoration:none}.cta-link{width:100%;margin-bottom:-8px;display:flex;text-align:center}.cta-link .cta-block{position:relative;width:100%}.cta-link .cta-block .cta-top-bar{height:60px;margin-bottom:20px}.cta-link .cta-block .cta-logo{margin-bottom:20px}.cta-link .cta-block .cta-text{font-family:system-ui,Roboto,Arial,sans-serif;font-weight:700;font-size:38px;line-height:1.2em;color:#000;overflow:hidden;margin-bottom:20px}@media(max-width:679px){.cta-link .cta-block .cta-text{font-size:24px}}.cta-link .cta-block .cta-button{margin-bottom:20px;height:38px}.cta-link .cta-block .cta-button .cta-button-text{height:38px;padding:9px 30px;border-radius:6px;font-weight:800;font-size:14px;line-height:19px;text-align:center;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.cta-link .cta-block .cta-mid-bar{height:60px}.cta-link .cta-block .cta-terms-and-conditions{font-size:14px;font-weight:400;color:#505050}.cta-link:active .cta-button .cta-button-text,.cta-link:focus .cta-button .cta-button-text,.cta-link:hover .cta-button .cta-button-text{background:#c73152}.callout-block{border:1px solid #e3e9eb;box-shadow:1px 4px 8px rgba(24,25,30,.04);border-radius:4px;padding:25px 15px;display:flex;margin-bottom:26px}.callout-message{padding:0 14px;margin-top:-3px;align-self:center}.callout-message span{font-size:inherit}.callout-head{color:#7e7e7e;font-size:12px;margin-left:15px;font-weight:700;line-height:1.5em;text-transform:uppercase}.callout-icon{width:33px;height:33px}.callout-warn{content:url(/packs/media/images/warning-2a69bac6cff59a16e1bc6f138dbfe087.svg)}.callout-do{content:url(/packs/media/images/checkmark-e0a77b437dcc238955ffdfbd49cfefa1.svg)}.callout-dont{content:url(/packs/media/images/dont-733b998b47cac8720a402bffa1d9f3dd.svg)}.callout-info{content:url(/packs/media/images/info-cc652c925149c14a276fcc3e4fc033ab.svg)}.callout-tip{content:url(/packs/media/images/tip-be0915ff173afe96cef6d4c676b9de6e.svg)}.layout__sidebar-translate-native-logo{display:block;margin:0 auto;width:60%}.layout__sidebar-elements-subscribe-banner-image{display:block;border-radius:4px;text-align:center;margin:auto auto 30px;max-width:300px;min-height:250px;min-width:250px}@media(min-width:680px){.post__content_space_info--mobile{display:none}}.post__content_space_info--mobile.is-hidden{display:none}@media(max-width:679px){.post__content_space_info--desktop{display:none}}.post__content_space_info--desktop.is-hidden{display:none}.content-space-info-container{font-family:system-ui,Roboto,Arial,sans-serif;width:100%}@media(min-width:680px)and (max-width:1023px){.content-space-info-container{height:auto;padding:40px 0;text-align:center}}@media(min-width:680px){.content-space-info__cards{margin:0 auto}.content-space-info__cards:after{content:"";display:table;clear:both}}@media(min-width:1340px){.content-space-info__cards{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.content-space-info__cards{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.content-space-info__cards{max-width:630px}}.cards_container{margin-top:25px}.content-space-info__card{position:relative;float:left;width:273px;margin-right:15px;min-height:320px;background:#fff;border:1px solid #e1e8ed;border-radius:2px;text-align:left}@media(max-width:679px){.content-space-info__card{margin-right:auto;margin-left:auto;float:none}}@media(min-width:1340px){.content-space-info__card:nth-child(3n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.content-space-info__card:nth-child(2n){margin-right:0;margin-bottom:15px}}.content-space-info__card .content-space-info-preview:hover{opacity:.8}@media(min-width:680px)and (max-width:1023px){.content-space-info__card{margin-bottom:15px}}@media(max-width:679px){.content-space-info__card{margin-bottom:15px}}.post-body__content .content-space-info__card-image{width:100%;margin:0;border-radius:4px 4px 0 0;border-bottom:1px solid #e1e8ed;background:#fbfbfb;padding:2px}.content-space-info__header-title{font:700 25px/1.4em system-ui,Roboto,Arial,sans-serif;color:#2a3744}.content-space-info__header-description{width:100%}.content-space-info__card-content{padding:10px}.content-space-info__card-title h1{font:700 18px/1.4em system-ui,Roboto,Arial,sans-serif;color:#2a3744;padding-right:10px;margin-top:0;margin-bottom:0}@media(min-width:1024px)and (max-width:1339px){.content-space-info__card-title h1{font-size:15px}}.content-space-info__card-title{display:block;margin:10px 15px 0}.content-space-info__card-description{font-size:14px;color:#7d7d7d;line-height:1.5em;padding:9px 15px 5px;position:absolute;top:245px}@media(min-width:1024px)and (max-width:1339px){.content-space-info__card-description{font-size:13px}}.content-banner-restricted-width.full_width_post{max-width:100%}.content-banner-restricted-width.full_width_post .content-banner__content-breadcrumb,.content-banner-restricted-width.full_width_post .content-heading__secondary{display:flex;justify-content:center;flex-wrap:wrap}.content-banner-restricted-width.full_width_post .content-banner__content{margin:16px auto auto;max-width:850px;text-align:center}.content-banner-restricted-width.full_width_post .content-banner__content .content-banner__body,.content-banner-restricted-width.full_width_post .content-banner__content .content-banner__icon{display:block}.content-banner-restricted-width.full_width_post .content-banner__content .content-banner__title-icon{display:inline!important}.post.full_width_post{justify-content:center;display:flex}.post.full_width_post .layout__content-with-sidebar{width:100%!important;max-width:850px!important}.post.full_width_post .layout__content-with-sidebar .content-space-info__cards.cards_container{display:flex;justify-content:center}.post.full_width_post .layout__content-with-sidebar iframe{display:block;margin:auto auto 20px}.content-block{margin-bottom:26px}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-size:inherit!important;font-family:inherit!important}.content-block-grid figure{margin:0}.content-block-grid h1,.content-block-grid h2,.content-block-grid h3,.content-block-grid h4,.content-block-grid h5,.content-block-grid h6{margin-top:0}@media(max-width:679px){.content-block-grid .element-col,.content-block-grid .element-row,.content-block-grid img{margin:0!important}}.cell-padding__narrow{margin-right:5px}.cell-padding__medium{margin-right:15px}.cell-padding__wide{margin-right:30px}.cell-padding__super-wide{margin-right:50px}.element-row{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;margin-bottom:20px}@media(max-width:679px){.element-row{flex-wrap:wrap}}.element-col{flex-grow:1;flex-basis:100%}.grid-container__caption{margin-top:10px;text-align:center;font-size:14px;color:#5a5a5e}.grid-image__no-padding{padding:0!important;margin:0!important}.content-block-socialgroup{max-height:40px;display:flex}.social_element--envato_profile{content:url(/packs/media/images/envato_leaf_gray-9a8c930e2551e580887f95810fdb43b0.svg);padding-top:6px;margin-left:-3px}.social_element--envato_profile:hover{content:url(/packs/media/images/envato_leaf_blue-780e4854f86ccf5b645a7d506ec88266.svg)}.social_element{width:20px;height:20px;margin-right:12px}.social_element a{color:#89898c}.content-block-profilesection{display:flex;flex-wrap:nowrap}@media(max-width:679px){.content-block-profilesection{flex-wrap:wrap-reverse}}.content-block-profilesection .interview-profile-section__info{padding-right:20px}@media(max-width:679px){.content-block-profilesection .interview-profile-section__info{padding-right:0}}.content-block-profilesection .interview-profile-section__info .interview-profile-section__name{margin-bottom:10px;font-weight:600;font-size:16px;color:#89898c}.content-block-profilesection .interview-profile-section__info .content-block-socialgroup{margin-top:10px;margin-bottom:0}.content-block-profilesection .interview-profile-section__photo{min-width:150px}@media(max-width:679px){.content-block-profilesection .interview-profile-section__photo{padding:0;margin-bottom:15px}}.content-block-profilesection .interview-profile-section__photo img{width:150px;height:150px;border-radius:50%;margin:0;padding:0}.content-block-detailedinterviewblockquote{border-left:3px solid #dae1e5;padding:5px 0 5px 25px}.content-block-detailedinterviewblockquote .detailed-interview_quote{font-size:24px;line-height:1.6em;margin-bottom:20px}.content-block-detailedinterviewblockquote .detailed-interview-blockquote__container{display:flex}.content-block-detailedinterviewblockquote .detailed-interview-blockquote__container .detailed-interview-blockquote__profile-photo{margin-right:20px}.content-block-detailedinterviewblockquote .detailed-interview-blockquote__container .detailed-interview-blockquote__profile-photo img{width:60px;border-radius:50%;padding:0!important;margin:0!important}.content-block-detailedinterviewblockquote .detailed-interview-blockquote__container .detailed-interview-blockquote__profile-info{flex-grow:1}.detailed-interview_profile__name{font-size:16px;margin-top:-6px;margin-bottom:10px}.image-gallery_thumbnail-container{margin-top:10px}.image-gallery_thumbnail-container .image-gallery-thumbnail_preview{max-width:110px!important;margin-right:10px;border-radius:2px;cursor:pointer;max-height:74px}@media(max-width:679px){.image-gallery_thumbnail-container .image-gallery-thumbnail_preview{width:80px!important;max-height:54px}}.image-gallery_thumbnail-container .image-gallery-thumbnail_preview img{padding:0;margin:0;max-height:70px}@media(max-width:679px){.image-gallery_thumbnail-container .image-gallery-thumbnail_preview img{max-height:50px}}.image-gallery_thumbnail-container .slick-list .slick-track{margin:0!important}.image-gallery_thumbnail-container .slick-list .slick-track .slick-slide{width:120px}@media(max-width:679px){.image-gallery_thumbnail-container .slick-list .slick-track .slick-slide{width:90px}}.image-gallery_thumbnail-container .slick-current .image-gallery-thumbnail_preview{border:2px solid #000}.slick-slide div figure{position:relative;margin:0!important}.slick-slide div figure img{border:1px solid #e1e8ed;margin:0}.slick-slide div figure figcaption{color:#fafafa;position:absolute;z-index:10;text-align:left;line-height:1.6em;bottom:0;background-color:rgba(0,0,0,.5);width:100%;padding:5px 15px}.content-block-fullwidthsection{padding-top:2rem!important;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;margin-top:2rem;margin-bottom:2rem}.content-block-fullwidthsection :last-child{margin-bottom:0!important}.content-block-fullwidthsection img{background:none;max-width:100%!important}.content-block-fullwidthsection h2,.content-block-fullwidthsection h3,.content-block-fullwidthsection h4{margin-top:0!important}.full_width_post .content-block-fullwidthsection{width:100vw;margin-left:calc(-50vw - -425px);justify-content:center;padding-left:0;padding-right:0}.full_width_post .content-block-fullwidthsection .full-width-section__full-container{margin-left:auto;margin-right:auto}@media(min-width:680px){.full_width_post .content-block-fullwidthsection .full-width-section__full-container{margin:0 auto}.full_width_post .content-block-fullwidthsection .full-width-section__full-container:after{content:"";display:table;clear:both}}@media(min-width:1340px){.full_width_post .content-block-fullwidthsection .full-width-section__full-container{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.full_width_post .content-block-fullwidthsection .full-width-section__full-container{max-width:960px}}@media(max-width:679px){.full_width_post .content-block-fullwidthsection .full-width-section__full-container{max-width:calc(100vw - 20px)}}@media(min-width:680px)and (max-width:1023px){.full_width_post .content-block-fullwidthsection .full-width-section__full-container{max-width:630px}}.full_width_post .content-block-fullwidthsection .full-width-section__content-container{max-width:850px;margin-left:auto;margin-right:auto}@media(max-width:679px){.full_width_post .content-block-fullwidthsection .full-width-section__content-container{max-width:calc(100vw - 20px)}}@media(min-width:680px)and (max-width:1023px){.full_width_post .content-block-fullwidthsection .full-width-section__content-container{max-width:630px}}@media(min-width:680px)and (max-width:1023px){.full_width_post .content-block-fullwidthsection{margin-left:calc(-50vw - -315px)}}@media(max-width:679px){.full_width_post .content-block-fullwidthsection{margin-left:-10px}}.full_width_post .content-block-fullwidthinterviewblockquote{width:1000px;margin-left:-80px}@media(max-width:1023px){.full_width_post .content-block-fullwidthinterviewblockquote{width:auto;margin-left:0}}.content-block-fullwidthinterviewblockquote{margin-top:42px!important;margin-bottom:42px;line-height:2em}.content-block-fullwidthinterviewblockquote .full-width-interview_quote{font-weight:600;font-size:30px;color:#131419;text-align:center;padding-bottom:15px}.full-width-interview_profile__name{text-align:center;font-size:16px}.content-block-button{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;background-color:#0085b6;border-radius:4px}.content-block-button a{font-weight:700;color:#fff;text-decoration:none;padding:8px 24px}.content-block-button a:active,.content-block-button a:focus,.content-block-button a:hover{color:#fff}.content-block-button:active,.content-block-button:focus,.content-block-button:hover{background-color:#087197}.content-block-embedcourse{margin-bottom:30px;padding:32px 0!important;border-color:#dae1e5;border-style:solid;border-width:1px 0;display:flex}.content-block-embedcourse h2{margin-top:0!important;margin-bottom:10px!important}@media(max-width:1023px){.content-block-embedcourse{flex-direction:column-reverse}}.content-block-embedcourse .embed-course-details__wrapper{flex:auto;margin-right:30px;width:45%}@media(max-width:1023px){.content-block-embedcourse .embed-course-details__wrapper{width:100%;margin-top:30px;margin-right:0}}.content-block-embedcourse .embed-course-details__wrapper .embed-course-summary__wrapper{letter-spacing:-.025em;line-height:150%}.content-block-embedcourse .embed-course-details__wrapper .embed-course-summary__wrapper div{display:inline;margin-right:10px;font-size:14px;color:#131419}.content-block-embedcourse .embed-course-details__wrapper .embed-course-summary__wrapper .free-course__label{background-color:#82b541;color:#fff;padding:3px 15px;letter-spacing:1px;border-radius:5px;font-weight:700;line-height:normal;font-size:12px}.content-block-embedcourse .embed-course-details__wrapper .embed-course-summary__wrapper i{color:#89898c;margin-right:5px}.content-block-embedcourse .embed-course-details__wrapper .embed-course__title{font-size:24px;color:#131419}.content-block-embedcourse .embed-course-details__wrapper .embed-course__button-group{border-bottom:1px solid #dae1e5;padding-bottom:12px}.content-block-embedcourse .embed-course-details__wrapper .embed-course__button-group a{font-size:14px!important;white-space:nowrap;margin-top:5px;display:inline-block;text-decoration:none;border-radius:4px;padding:0 12px;margin-right:10px;color:#131419;background-color:transparent;border:1px solid #dae1e5}.content-block-embedcourse .embed-course-details__wrapper .embed-course__button-group a.primary{background-color:#0085b6;border-color:#0085b6;color:#fff}.content-block-embedcourse .embed-course-details__wrapper .embed-course__contents{color:#4b4b4b}.content-block-embedcourse .embed-course-details__wrapper .embed-course__contents .embed-course__description{margin:16px 0;text-align:justify;word-break:break-word}.content-block-embedcourse .embed-course-details__wrapper .embed-course__contents .embed-course__chapters-title-list{padding:0;list-style:none;margin-bottom:0}.content-block-embedcourse .embed-course-details__wrapper .embed-course__contents .embed-course__chapters-title-list li{margin-left:0}.content-block-embedcourse .embed-course-details__wrapper .embed-course__contents .embed-course__chapters-title-list li:before{content:"✓ ";color:#0085b6;margin-right:7px}.content-block-embedcourse .embed-course-video__wrapper{width:55%}@media(max-width:1023px){.content-block-embedcourse .embed-course-video__wrapper{width:100%}}.content-block-embedcourse .embed-course-video__wrapper figure{margin:0!important}.content-block-embedcourse .embed-course-video__wrapper figure iframe{border-radius:8px}@media(max-width:1023px){.content-block-embedcourse .embed-course-video__wrapper figure iframe{height:100%}}.content-block-extendedtips{display:flex;flex-wrap:wrap;padding-bottom:20px;padding-top:20px}@media(max-width:1023px){.content-block-extendedtips{flex-direction:column-reverse;flex-wrap:nowrap}}.extended_tips_list-item{display:flex;align-items:baseline;margin-bottom:20px}.extended_tips_list-item .list-item-index{height:24px;width:24px;background-color:#cfe9bf;color:#85ab51;border-radius:50%;display:inline-block;text-align:center;font-size:14px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:0;line-height:170%;margin-right:25px;font-weight:700px;flex-basis:6.5%}.extended_tips_list-item .content-block-contenttextblock{flex-basis:130%}.extended-tips__preview-tutorial{padding-right:80px}.extended-tips__preview-tutorial figure{margin:0;width:100%}.extended-tips__preview-tutorial iframe{padding:10px}@media(max-width:1023px){.extended-tips__preview-tutorial{padding:0;margin-top:40px}}.extended-tips__preview-tutorial,.extended-tips__tip-info{display:flex;align-items:center;flex-basis:50%;flex-wrap:wrap}.extended-tips__tip-info{padding:0}.extended-tips__tip-info .extended-tips__head-title{margin-bottom:20px;font-size:32px;flex-basis:100%}.extended-tips__tip-info .content-block-button{background-color:#2e7400;margin-top:40px;font-size:16px}.extended-tips__tip-info .content-block-button a{padding:5px 24px}.extended-tips__tip-info .content-block-button:hover{background-color:#245b00}.extended-tips__list{flex-basis:100%}.extended-tips__list h4{margin-bottom:10px;font-size:20px}.extended-tips__list p{font-size:17px}.visual-toc__show-more{text-align:center;padding:5px 10px;margin:5px auto;width:120px;border:1px solid #e1e8ed;border-radius:8px;cursor:pointer;color:#046fa9;font-weight:600;font-size:14px}.visual-toc__divider{height:60px;padding-top:60px;margin-top:-55px;position:relative;background:linear-gradient(hsla(0,0%,100%,0),#fff 70%)}.visual-toc-list__overflow{display:flex;flex-wrap:no-wrap}@media(max-width:679px){.visual-toc-list__overflow{flex-wrap:wrap}}.visual-toc-list__overflow .visual-toc-column{width:50%}.visual-toc-list__overflow .visual-toc-column:first-child{margin-right:50px}@media(max-width:679px){.visual-toc-list__overflow .visual-toc-column{width:100%}.visual-toc-list__overflow .visual-toc-column:first-child{margin-right:0}}ul.visual-toc-list{font-family:system-ui;padding:0;overflow:hidden;transition:max-height .35s ease-out}ul.visual-toc-list.show-full{transition:max-height .35s ease-in!important}ul.visual-toc-list.toc-ordered-list{list-style:none;counter-reset:item;padding-left:35px}ul.visual-toc-list.toc-unordered-list{list-style:disc}ul.visual-toc-list.visual-toc__thumbnail-theme{padding-left:0}ul.visual-toc-list li{counter-increment:item;padding:4px 12px 4px 4px;line-height:1.6em;position:relative}ul.visual-toc-list li .visual-toc__item-thumbnail{width:100px;padding:0;border-radius:5px;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}ul.visual-toc-list li .visual-toc__item-thumbnail-link{display:grid;grid-template-columns:100px 1fr;cursor:pointer}ul.visual-toc-list li .visual-toc__item-thumbnail-link span.visual-toc__heading-title{margin-left:22px;align-self:center;font-weight:600}ul.visual-toc-list li .visual-toc__item-thumbnail-link img.visual-toc__item-thumbnail{margin-top:5px}ul.visual-toc-list li:before{margin-right:10px;content:counter(item);background:#3a3a3a;border-radius:100%;color:#fff;font-size:14px;font-weight:600;line-height:1.8em;height:24px;width:24px;text-align:center;display:inline-block;position:absolute;left:-35px;top:7px}ul.visual-toc-list li.visual-toc__item-thumbnail-theme{display:flex;align-items:center;position:relative;padding-left:0}ul.visual-toc-list li.visual-toc__item-thumbnail-theme:before{position:absolute;border:2px solid;left:85px;top:27px}.post-feedback-container{margin:50px 0;display:flex;align-items:center;flex-direction:column;position:relative}.post-feedback-container .post-feedback__title{margin-bottom:15px;font-size:18px}.post-feedback-container .post-feedback__buttons{display:flex}.post-feedback-container .like-btn{margin-right:20px}.post-feedback-container .feedback-btn{font-size:18px;border:2px solid #e4e4e4;padding:7px 15px;border-radius:5px;color:#000;cursor:pointer}.post-feedback-container .feedback-btn span{font-size:22px;padding-right:15px;color:#a9a9a9}.post-feedback-container .feedback-btn.btn-disable{background-color:#e4e4e4}.feedback-btn__highlight{color:#0085b6!important}.feedback-btn__hover:hover{border-color:#a9a9a9}.arrow.tooltip-arrow__top{border:solid #d3d3d3;border-width:0 2px 2px 0;display:inline-block;position:absolute;padding:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);top:-7.5px;left:66%;background:#fff}.share-feedback-container{padding:20px;max-width:400px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;font-size:14px;border:2px solid #d3d3d3;border-radius:5px;position:absolute;bottom:-400px;background:#fff}.share-feedback__input{width:100%;height:150px;margin-top:16px;padding:7px;border:2px solid #d3d3d3;border-radius:5px;resize:none;font-family:system-ui}.share-feedback__title{font-weight:600}.share-feedback__buttons{display:flex;justify-content:end;margin-top:10px}.share-feedback__buttons .share-feedback__send{background:#82b541;color:#fff;border-radius:5px;text-align:center}.share-feedback__buttons a{padding:10px 20px;font-weight:600;color:#717171;cursor:pointer}.share-feedback-container__hide{display:none}.header-hero-image-post .post-table-of-content__container .post-table-of-content__container-sticky{margin-top:45px}.scroll-up .post-table-of-content__container .floating-toc__list{max-height:calc(100vh - 300px)}.post-table-of-content__container .floating-toc__item,.post-table-of-content__container .post-table-of-content__header-title{padding-left:0}.post-table-of-content__container .floating-toc__list{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 200px);padding:0;list-style-type:none;font-size:14px}.post-table-of-content__container .floating-toc__item{margin-bottom:10px;position:relative}.post-table-of-content__container .floating-toc__item a{color:#717275}.post-table-of-content__container .floating-toc__item.floating-toc__highlighted a,.post-table-of-content__container .floating-toc__item a:active,.post-table-of-content__container .floating-toc__item a:focus-visible,.post-table-of-content__container .floating-toc__item a:hover{color:#3a3a3a}.post-table-of-content__container .floating-toc__item.floating-toc__highlighted:before{content:"";display:block;width:5px;height:5px;background:#0085b6;border-radius:50%;position:absolute;left:0;top:10px}@media(min-width:1290px){.post-table-of-content__container .floating-toc__item.floating-toc__highlighted{padding-left:10px}}@media(min-width:1340px){.post-table-of-content__container .floating-toc__item.floating-toc__highlighted{padding-left:12px}}.post-table-of-content__container .post-table-of-content__expand-btn{transition:all .75s ease-out;position:fixed;right:-200px;top:16px;cursor:pointer;font-weight:700;font-size:14px;color:#3a3a3a;line-height:150%;letter-spacing:-.154px;padding:12.5px 16px;background:#fff;border-radius:8px;border:1px solid #e1e8ed}.post-table-of-content__container.post-table-of-content__collapsed{left:100vw;transition:all 1s ease-out}.post-table-of-content__container.post-table-of-content__collapsed .post-table-of-content__container-sticky{transition:all 1s ease-out;opacity:0}.post-table-of-content__container.post-table-of-content__collapsed.sticky-block--floating .post-table-of-content__expand-btn{right:16px;transition:all .4s ease-in}.post-table-of-content__container .fa-list{margin-left:12px}.post-table-of-content__container{display:none;padding-left:10px;transition:all 1s ease-out;z-index:2147483646;top:0;position:absolute;word-break:break-word}@media(min-width:1290px){.post-table-of-content__container{display:block;left:910px}}@media(min-width:1340px){.post-table-of-content__container{display:block;left:calc(50% + 437.5px)}}.post-table-of-content__container .post-table-of-content__container-sticky{min-width:210px;background-color:#fff;height:100vh;padding-top:25px;margin-top:150px}@media(min-width:1290px){.post-table-of-content__container .post-table-of-content__container-sticky{padding-left:14px;padding-right:14px}}@media(min-width:1340px){.post-table-of-content__container .post-table-of-content__container-sticky{width:calc(50vw - 447px);padding-left:24px;padding-right:24px}}.post-table-of-content__container .post-table-of-content__container-sticky .post-table-of-content__header-title{font-weight:600;font-size:14px;color:#3a3a3a}.post-table-of-content__container .post-table-of-content__container-sticky .fa-list{margin-left:8px}.post-table-of-content__container .post-table-of-content__container-sticky .scroll-to-target{display:none}.post-table-of-content__container.sticky-block--pin-top .post-table-of-content__container-sticky{position:absolute;top:0}.post-table-of-content__container.sticky-block--pin-bottom .post-table-of-content__container-sticky{position:absolute;bottom:0;display:none}.post-table-of-content__container.sticky-block--floating .post-table-of-content__container-sticky{position:fixed;top:0;border-left:1px solid #e1e8ed;margin-top:0}.post-table-of-content__container.sticky-block--floating .post-table-of-content__container-sticky .scroll-to-target{display:flex;position:fixed;padding:0;bottom:25px}.post-table-of-content__container.sticky-block--floating .post-table-of-content__container-sticky .scroll-to-target .scroll-to-target__btn-label{margin-right:8px}.post-table-of-content__container .fa.post-table-of-content__collapse-btn{position:absolute;margin-top:1px;transform:rotate(270deg);left:-12px;display:none;border:1px solid #e1e8ed;border-radius:24px;padding:5px 6px;cursor:pointer;background-color:#fff;font-size:12px;color:#3a3a3a}.post-table-of-content__container.sticky-block--floating .fa.post-table-of-content__collapse-btn{display:inline-block}*{box-sizing:border-box}body{font:normal 16px/26px system-ui,Roboto,Arial,sans-serif;background:#fefefe;color:#2a3744;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;padding:0;-webkit-text-size-adjust:none;overflow-x:hidden}h2,h3,h4,h5,h6{line-height:1em}h2 *,h3 *,h4 *,h5 *,h6 *{font-weight:inherit}a{color:#0085b6;text-decoration:none;border:none}a:active,a:focus,a:hover{color:#00729d}a img{border:none}i[class^=icon-]{font-size:16px}h1{font-size:56px;font-weight:600;line-height:125%;letter-spacing:2.5%}@media(min-width:680px)and (max-width:1023px){h1{font-size:40px}}@media(max-width:679px){h1{font-size:32px}}h1 *{font-weight:inherit}figure{margin:0;padding:0}article,footer,header,main,section{display:block}fieldset{border:none;margin:0;padding:0}input:disabled{background-color:#eee}ol.lower-alpha{list-style-type:lower-alpha}ol.decimal{list-style-type:decimal}audio,video{max-width:100%}img:not([src]){visibility:hidden}.spinner{color:#82b541;margin:100px auto 80px;font-size:54px;-webkit-animation:fa-spin 1s linear infinite;animation:fa-spin 1s linear infinite}.clear{clear:both;overflow:hidden}.page-body{margin:0;padding:0;min-height:100vh}.page-body,.page-content{width:100%;display:flex;flex-direction:column}.page-content{position:relative;background:#fefefe;background-size:contain;background-repeat:no-repeat;height:auto;flex-grow:1;align-items:center}.page-content.topic-design{border-top:10px solid #c94e4b}.page-content.topic-code{border-top:10px solid #4cc1be}.page-content.topic-music{border-top:10px solid #56a4ca}.page-content.topic-photography{border-top:10px solid #8360a8}.page-content.topic-cgi{border-top:10px solid #f95858}.page-content.topic-computers{border-top:10px solid #5d7dba}.page-content.topic-business{border-top:10px solid #f38844}.page-content.topic-crafts{border-top:10px solid #ff9069}.page-content.topic-gamedevelopment{border-top:10px solid #72bf40}.page-content.topic-webdesign{border-top:10px solid #49b293}.content{width:100%;display:block;background-color:transparent}@media(min-width:680px){.content{margin:0 auto}.content:after{content:"";display:table;clear:both}}@media(min-width:1340px){.content{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.content{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.content{max-width:630px}}@media(min-width:680px){.content{margin:48px auto}}@media(max-width:679px){.content{padding:0 10px;margin-left:24px;margin-right:24px}}html{height:100%}.layout__center-column{margin:0 auto;max-width:960px}.layout__content-full-width{width:100%}iframe[name=google_conversion_frame]{height:0!important;width:0!important;line-height:0!important;font-size:0!important;margin-top:-13px;float:left}@media(min-width:1340px){.layout__content-with-sidebar{width:960px;float:left}}@media(min-width:1024px)and (max-width:1339px){.layout__content-with-sidebar{width:630px;float:left}}.layout__offset-content-with-sidebar{position:relative}@media(min-width:1340px){.layout__offset-content-with-sidebar{width:850px;float:left;margin-left:110px}}@media(min-width:1024px)and (max-width:1339px){.layout__offset-content-with-sidebar{width:630px;float:left}}@media(min-width:1340px){.layout__offset-content-with-sidebar--post{width:740px;margin-left:190px}}@media(min-width:1340px){.layout__sidebar{width:300px;float:right}}@media(min-width:1024px)and (max-width:1339px){.layout__sidebar{width:300px;float:right}}@media(min-width:680px)and (max-width:1023px){.layout__sidebar-primary{width:300px;float:left;margin-right:30px}}@media(min-width:680px)and (max-width:1023px){.layout__sidebar-secondary{width:300px;float:right}}@media(min-width:1340px){.layout__navbar{float:left;width:190px;margin-right:30px}}@media(min-width:1024px)and (max-width:1339px){.layout__navbar{float:left;width:190px;margin-right:30px}}@media(min-width:1340px){.layout__content-with-navbar{width:1070px;float:right}}@media(min-width:1024px)and (max-width:1339px){.layout__content-with-navbar{width:740px;float:right}}.fa-button{webkit-appearance:button;background-color:transparent;cursor:pointer;font-size:100%;line-height:inherit;margin:0;padding:0;border:none}.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;font-display:swap;src:url(/packs/media/fonts/fa-solid-900-3df0b7d24614a1c1eeae1428cac2fc7d.eot);src:url(/packs/media/fonts/fa-solid-900-3df0b7d24614a1c1eeae1428cac2fc7d.eot?#iefix) format("embedded-opentype"),url(/packs/media/fonts/fa-solid-900-e207c0ab70eb975a16f280076058e634.woff2) format("woff2"),url(/packs/media/fonts/fa-solid-900-8f6e9bfe7ca1aba5549113567fb1df29.woff) format("woff"),url(/packs/media/fonts/fa-solid-900-bb1643ae2c8804cfbca6e04426e90143.ttf) format("truetype"),url(/packs/media/fonts/fa-solid-900-8d82c23eae8e8183c0c2395c082db2a8.svg#fontawesome) format("svg")}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;font-display:swap;src:url(/packs/media/fonts/fa-regular-400-8e1b4a2a899b370370fa253bf35fed6c.eot);src:url(/packs/media/fonts/fa-regular-400-8e1b4a2a899b370370fa253bf35fed6c.eot?#iefix) format("embedded-opentype"),url(/packs/media/fonts/fa-regular-400-87b7e972f6459616b9c0939c898078de.woff2) format("woff2"),url(/packs/media/fonts/fa-regular-400-42fc5fe57f41f2b14972772899f99410.woff) format("woff"),url(/packs/media/fonts/fa-regular-400-cc6076eddd76f0828440f9b53545e44d.ttf) format("truetype"),url(/packs/media/fonts/fa-regular-400-1c9e90ef56e143db868392ef6c2943ba.svg#fontawesome) format("svg")}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;font-display:swap;src:url(/packs/media/fonts/fa-brands-400-ab2507961e596dbf267c2fe3fef5224a.eot);src:url(/packs/media/fonts/fa-brands-400-ab2507961e596dbf267c2fe3fef5224a.eot?#iefix) format("embedded-opentype"),url(/packs/media/fonts/fa-brands-400-4414d37104490e261597fcac3a3e2469.woff2) format("woff2"),url(/packs/media/fonts/fa-brands-400-5c7747da51dc35eec6727d4a0d24ac06.woff) format("woff"),url(/packs/media/fonts/fa-brands-400-907cc694592c2f82cd275594112ad410.ttf) format("truetype"),url(/packs/media/fonts/fa-brands-400-e18ed8fff19d7e1d0ec04e0890d37129.svg#fontawesome) format("svg")}.fa,.fas{font-weight:900}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fab,.far{font-weight:400}.fab{font-family:Font Awesome\ 5 Brands}.fa-fw{text-align:center;width:1.25em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.fa-magnifying-glass:before,.fa-search:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-times:before{content:""}.fa-cog:before{content:""}.fa-lock:before{content:""}.fa-book:before{content:""}.fa-chevron-right:before{content:""}.fa-chevron-left:before{content:""}.fa-check-circle:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-exclamation-triangle:before,.fa-warning:before{content:""}.fa-comment:before{content:""}.fa-chevron-down:before{content:""}.fa-facebook-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-bars:before,.fa-reorder:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-money:before{content:""}.fa-envelope:before{content:""}.fa-linkedin-in:before{content:""}.fa-undo:before{content:""}.fa-cloud-download-alt:before{content:""}.fa-cloud-upload-alt:before{content:""}.fa-file-text-o:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-unlock-alt:before{content:""}.fa-play-circle:before{content:""}.fa-graduation-cap:before{content:""}.fa-circle-notch:before{content:""}.fa-weixin:before{content:""}.fa-share-alt:before{content:""}.fa-user-circle:before{content:""}.fa-forward:before{content:""}.fa-heart:before{content:""}.fa-arrows:before{content:""}.fa-linkedin-square:before{content:""}.fa-globe{font-family:Font Awesome\ 5 Free;font-weight:900}.fa-globe:before{content:""}.fa-clock:before{content:""}.fa-book-open:before{content:""}.fa-etsy:before{content:""}.fa-instagram-square:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-comment-dots:before{content:""}.fa-circle-play:before{content:""}.fa-list:before{content:""}.fa-ellipsis-vertical:before{content:""}.fa-circle-chevron-right:before{content:""}.fa-circle-chevron-left:before{content:""}.announcement-bar{display:none;width:100%;height:52px;line-height:52px;font-size:16px;color:#2a3744;background-repeat:repeat;background-size:cover}@media(max-width:679px){.announcement-bar{font-size:14px}}.announcement-bar--open{display:block}.announcement-bar--open~.global-nav__mobile-toggle{top:52px}.announcement-bar__content{display:flex;flex-flow:row nowrap;align-items:center;height:52px}@media(min-width:680px){.announcement-bar__content{margin:0 auto}.announcement-bar__content:after{content:"";display:table;clear:both}}@media(min-width:1340px){.announcement-bar__content{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.announcement-bar__content{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.announcement-bar__content{max-width:630px}}@media(max-width:679px){.announcement-bar__content{width:100%;padding:0 10px;overflow:hidden}}.announcement-bar__primary{white-space:nowrap;flex:1 0 auto;display:flex;flex-flow:nowrap;align-items:center;height:52px}.announcement-bar__secondary{text-align:right;flex:0 0 auto;height:52px}.announcement-bar__title{height:52px;line-height:52px}@media(min-width:680px){.announcement-bar__title{display:inline-block}}@media(max-width:679px){.announcement-bar__title{display:block;white-space:normal;margin:10px 0;padding:0;width:100%}}@media(min-width:680px){.announcement-bar__title-desktop{display:inline-block}}@media(max-width:679px){.announcement-bar__title-desktop{display:none}}@media(min-width:680px){.announcement-bar__title-mobile{display:none}}@media(max-width:679px){.announcement-bar__title-mobile{display:inline-block}}.announcement-bar__title a{font-weight:700;color:#136fd2;text-decoration:underline;display:inline-block}.announcement-bar__title a:active,.announcement-bar__title a:focus,.announcement-bar__title a:hover{color:#1163bb;text-decoration:underline}@media(max-width:679px){.announcement-bar__title a{margin:0;padding:0;line-height:16px}}.announcement-bar__close-link{font-weight:700;color:#136fd2;text-decoration:underline;display:inline-block;white-space:nowrap}.announcement-bar__close-link:active,.announcement-bar__close-link:focus,.announcement-bar__close-link:hover{color:#1163bb;text-decoration:underline}.announcement-bar__close-icon{margin-left:4px;vertical-align:middle;font-size:16px;color:#fff}.announcement-bar__close-label{display:none}.announcement-bar__icon-container{overflow:hidden;max-height:52px;margin-right:20px}@media(min-width:680px)and (max-width:1023px){.announcement-bar__icon-container{max-width:120px}}.announcement-bar__icon{max-height:52px}@media(max-width:679px){.announcement-bar__icon{display:none}}@media(max-width:1023px){.announcement-bar__desktop-only{display:none!important}}@media(min-width:680px){.announcement-bar__title a.announcement-bar__title-link-desktop{display:inline-block}}@media(max-width:679px){.announcement-bar__title a.announcement-bar__title-link-desktop{display:none}}.announcement-bar__title a.announcement-bar__title-link-mobile{padding:0 10px;margin:10px 5px}@media(min-width:680px){.announcement-bar__title a.announcement-bar__title-link-mobile{display:none}}@media(max-width:679px){.announcement-bar__title a.announcement-bar__title-link-mobile{display:inline-block}}.global-nav{position:relative}.new-nav{display:none}@media(min-width:1024px){.new-nav{position:fixed;top:0;left:0;right:0;z-index:2147483647;transition:transform .4s}}.new-nav.new-nav-on{display:block}.new-nav .global-nav__mobile-new{overflow:hidden}.old-nav.new-nav-on{display:none}@media(min-width:1024px){.scroll-down .new-nav{transform:translate3d(0,-100%,0)}}@media(min-width:1024px){.scroll-up .new-nav{transform:none}}.empty-sticky-nav-background-div{display:none}@media(max-width:1023px){.empty-sticky-nav-background-div{height:0!important}}.empty-sticky-nav-background-div.new-nav-on{display:block}.scroll-down .announcement-bar--open,.scroll-up .announcement-bar--open{display:none}.global-nav__header{background:#282828;position:relative;font-family:system-ui,Roboto,sans-serif}.global-nav__header-content{justify-content:space-between;position:relative;height:135px;margin:0 auto}@media(min-width:1340px){.global-nav__header-content{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.global-nav__header-content{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.global-nav__header-content{max-width:630px}}@media(max-width:1023px){.global-nav__header-content{height:75px}}@media(max-width:679px){.global-nav__header-content{margin:0 10px}}.global-nav__header-tuts-logo-link{height:100%}@media(max-width:679px){.global-nav__header-tuts-logo-link{top:15px;left:8px}}.global-nav__header-tuts-logo-image{margin-top:3px;width:185px;height:23px}.global-nav__header-tuts-logo-image.new-nav-mobile{width:131px;height:16px}.global-nav__header-left,.global-nav__header-right{display:inline-block;position:absolute;height:100%}.global-nav__header-right{right:0;color:#999;font-size:14px}@media(min-width:680px)and (max-width:1023px){.global-nav__header-right{right:40px}}@media(max-width:679px){.global-nav__header-right{display:none}}.global-nav__header-top{display:block;height:50%;width:100%;position:relative;padding-top:22px}@media(max-width:1023px){.global-nav__header-top{height:100%}}.global-nav__header-bottom{display:block;height:50%;width:100%;position:relative;padding-top:12px}@media(max-width:1023px){.global-nav__header-bottom{display:none}}.global-nav__search{padding:0;width:300px;position:relative}.global-nav__search-terms{width:100%;border:none;color:#3a3a3a;background:#fff;border-radius:5px;padding:6px 8px;font:14px/1.6em system-ui,Arial,sans-serif}.global-nav__search-terms:active,.global-nav__search-terms:focus,.global-nav__search-terms:hover{transition:all .2s ease;outline:2px solid #82b541}.global-nav__search-button{position:absolute;top:7px;right:10px;color:#82b541;background:transparent;border:none;margin:0;padding:0;font-size:18px;cursor:pointer}.global-nav__header-list{list-style:none;margin:0;padding:4px 0 0;height:30px;line-height:30px;display:inline-block}@media(max-width:1023px){.global-nav__header-list{display:none}}.global-nav__header-buttons{list-style:none;margin:0;padding:0;height:30px;line-height:30px;display:inline-block;width:100%;text-align:right}@media(max-width:679px){.global-nav__header-buttons{display:none}}.global-nav__header-buttons .global-nav__header-item:last-child{margin-right:0}.global-nav__header-item{display:inline-block;margin:0 30px 0 0}.global-nav__user-session{display:none;width:210px}@media(min-width:1024px){.global-nav__user-session{display:inline-block}}.global-nav__header-item--envato-link{color:#999;font-size:14px}.global-nav__header-item--envato-link:hover{transition:all .2s ease;color:#fff}.global-nav__header-item--internal-link{color:#fff}.global-nav__header-item--internal-link:hover{transition:all .2s ease;color:#999}.global-nav__header-item--free-account-button{background-color:#82b541;padding:0 20px;color:#fff;border-radius:4px;height:100%;display:inline-block;font-weight:500;cursor:pointer}.global-nav__header-item--free-account-button:hover{transition:all .2s ease;background-color:#8fc050;color:#fff}.global-nav__header-item--free-account-button:active{background-color:#75a23a}.global-nav__header-item--sign-in-button{border:1px solid #82b541;padding:0 10px;color:#fff;border-radius:4px;height:100%;display:inline-block;font-weight:500}.global-nav__header-link{display:inline-block;font-size:16px;color:#fff;white-space:nowrap}.global-nav__header-link:active,.global-nav__header-link:focus,.global-nav__header-link:hover{transition:all .2s ease;color:#999}.global-nav__header-link--active{color:#82b541}.global-nav__header-link--active:active,.global-nav__header-link--active:focus,.global-nav__header-link--active:hover{color:#8fc050}.global-nav__header .fa-chevron-down{font-size:8px;margin-left:8px;position:relative;top:-2px}.global-nav__header-right--courses{right:0}@media(min-width:1024px)and (max-width:1339px){.global-nav__header-right--courses{right:96px}}@media(max-width:679px){.global-nav__header-right--courses{display:block}}@media(min-width:1340px){.global-nav__concise-user-links{display:none}}@media(min-width:1024px)and (max-width:1339px){.global-nav__concise-user-links{display:none}}.global-nav__user-menu{position:relative;padding-right:20px;text-align:left}.global-nav__user-menu-link{display:block;vertical-align:top;position:relative;color:#999}.global-nav__user-menu-items{display:none;border-radius:3px;position:absolute;right:0;padding:0;margin:0;min-width:180px;box-shadow:0 2px 8px rgba(0,0,0,.3);list-style:none}.global-nav__user-menu-items:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;right:17px}.global-nav__user-menu-items li.global-nav__user-menu-item:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.global-nav__user-menu-items li.global-nav__user-menu-item:last-child a{border-top:1px solid #999;border-radius:0 0 3px 3px;padding-bottom:20px}.global-nav__user-menu-item--separator-before{border-top:1px solid #000}.global-nav__user-menu-item--separator-after{border-bottom:1px solid #000}.global-nav__user-menu-item-link{position:relative;display:inline-block;width:100%;background:#fefefe;padding:10px 20px;font:normal 14px/17px system-ui,Roboto,Arial,sans-serif;white-space:nowrap;color:#8e8e8e}.global-nav__user-menu-item-link:hover{transition:all .2s ease;font-weight:700;color:#2a3744}.global-nav__user-menu-item-link--admin{background:#fff2f0;min-width:200px}.global-nav__user-menu-item-link--admin:hover{transition:all .2s ease;background:#ffded8}.global-nav__user-menu:hover{transition:all .2s ease;z-index:10}.global-nav__user-menu:hover .global-nav__user-menu-link{color:#fff;z-index:11}.global-nav__user-menu:hover .global-nav__user-menu-link i.fa-chevron-down:before{transform:rotate(180deg)}.global-nav__user-menu:hover .global-nav__user-menu-items{display:block}.global-nav__mobile-toggle{position:absolute;top:0;right:0;z-index:2}@media(min-width:1340px){.global-nav__mobile-toggle{display:none}}@media(min-width:1024px)and (max-width:1339px){.global-nav__mobile-toggle{display:none}}.global-nav__mobile-toggle-link,.global-nav__mobile-toggle-link:active,.global-nav__mobile-toggle-link:focus,.global-nav__mobile-toggle-link:hover{transition:all .2s ease;display:block;color:#fff;padding:0 16px;margin:21px 13px}.global-nav__mobile-toggle-link .fa-reorder,.global-nav__mobile-toggle-link:active .fa-reorder,.global-nav__mobile-toggle-link:focus .fa-reorder,.global-nav__mobile-toggle-link:hover .fa-reorder{font-size:24px;line-height:33px;display:block}.global-nav__mobile-toggle-link .fa-times,.global-nav__mobile-toggle-link:active .fa-times,.global-nav__mobile-toggle-link:focus .fa-times,.global-nav__mobile-toggle-link:hover .fa-times{font-size:18px;line-height:33px;display:none}.body--mobile-nav-open .global-nav__mobile-toggle{right:240px}.body--mobile-nav-open .global-nav__mobile-toggle-link{background:#82b541;border-radius:3px}.body--mobile-nav-open .global-nav__mobile-toggle-link .fa-reorder{display:none}.body--mobile-nav-open .global-nav__mobile-toggle-link .fa-times{display:block}.global-nav__mobile{display:none;width:240px;padding:0;overflow:hidden;position:absolute;top:0;right:0;min-height:100%;background:#282828}@media(max-width:1023px){.body--mobile-nav-open .global-nav__mobile{display:block;z-index:1001}}@media(max-width:1023px){.body--mobile-nav-open .global-nav__mobile-overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background-color:#3a3a3a;opacity:.8}}@media(max-width:1023px){.body--mobile-nav-open .global-nav__mobile-toggle{z-index:1001}}.global-nav__mobile-search{padding:21px 14px 10px;width:100%;position:relative}.global-nav__mobile-search.new-nav-mobile{padding:21px 24px 10px}.global-nav__mobile-search-terms{width:100%;border:none;color:#3a3a3a;background:#fff;border-radius:5px;padding:6px 8px;font:14px/1.6em system-ui,Arial,sans-serif}.global-nav__mobile-search-terms:active,.global-nav__mobile-search-terms:focus,.global-nav__mobile-search-terms:hover{transition:all .2s ease;outline:2px solid #82b541}.global-nav__mobile-search-button{position:absolute;top:28px;right:21px;color:#82b541;background:transparent;border:none;margin:0;padding:0;font-size:18px;cursor:pointer}.global-nav__mobile-top-level{list-style:none;border-top:2px solid #2a3744;padding:15px 0 0;border-bottom:1px solid hsla(0,0%,100%,.1);margin:0}.global-nav__mobile-top-level.new-nav-mobile{border-bottom:none}.global-nav__mobile-top-level:first-of-type{border-top:none}.global-nav__mobile-top-level-link{display:block;position:relative;padding:0 14px;color:#999}.global-nav__mobile-top-level-link:active,.global-nav__mobile-top-level-link:focus,.global-nav__mobile-top-level-link:hover{transition:all .2s ease;color:#fff}.global-nav-mobile__envato-links{padding:0}.global-nav__mobile-divider{opacity:.5;border:none;border-top:1px solid #ced4d9;margin:32px 24px}.global-mobile__header-item--envato-link{display:block;position:relative;padding:0 14px;color:#fff}.global-mobile__header-item--envato-link:active,.global-mobile__header-item--envato-link:focus,.global-mobile__header-item--envato-link:hover{transition:all .2s ease;color:#999}.global-nav__mobile-top-level-link.global-nav__mobile-top-level-link-expandable{float:left;width:190px}.global-nav__mobile-top-level-link.global-nav__mobile-top-level-link-new-nav{width:100%}.global-nav__mobile-top-level-expansion-link{float:right;width:40px}.global-nav__mobile-top-level-collapse-text,.global-nav__mobile-top-level-expand-text{position:absolute;right:14px;top:0;font:14px/2.9em system-ui,Arial,sans-serif;color:#999}.global-nav__mobile-top-level-link-icon{margin-left:5px;vertical-align:middle}.global-nav__mobile-second-level-all-topics-link,.global-nav__mobile-second-level-free-courses-link,.global-nav__mobile-second-level-topic-link{display:block;margin-bottom:1px;color:#fff;line-height:2.4em;padding-left:15px}.global-nav__mobile-second-level-all-topics-link:active,.global-nav__mobile-second-level-all-topics-link:focus,.global-nav__mobile-second-level-all-topics-link:hover,.global-nav__mobile-second-level-free-courses-link:active,.global-nav__mobile-second-level-free-courses-link:focus,.global-nav__mobile-second-level-free-courses-link:hover,.global-nav__mobile-second-level-topic-link:active,.global-nav__mobile-second-level-topic-link:focus,.global-nav__mobile-second-level-topic-link:hover{transition:all .2s ease;color:#999}.global-nav__mobile-second-level-free-courses-link{background:#384757}.global-nav__mobile-second-level-free-courses-link:hover{transition:all .2s ease;background:#2e3a47}.global-nav__mobile-second-level-all-topics-link{background:#384757}.global-nav__mobile-second-level-all-topics-link:hover{transition:all .2s ease;background:#2e3a47}.global-nav__mobile-top-level-collapse-text{display:none}.global-nav__mobile-second-level{list-style:none;background:#1d2630;padding:0 10px;margin:0;transition:max-height .5s ease;max-height:0;overflow:hidden;clear:both}.global-nav__mobile-top-level-item{font-size:14px;line-height:2.9em}.global-nav__mobile-top-level-item--expanded{background-color:#1d2630}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-expand-text{display:none}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-collapse-text{display:block}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-second-level{padding:0 10px 12px;max-height:1000px}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-expansion-link,.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-link-expandable{border-bottom:none;background:#1d2630}.global-nav__mobile-user-links{color:#a66230;font-size:12px;position:static;max-width:100%;padding:0 0 10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.global-nav__mobile-user-link{color:#fff;display:block;height:44px;padding:0 14px;margin:0;font-size:14px;line-height:2.9em}.global-nav__mobile-user-link:active,.global-nav__mobile-user-link:focus,.global-nav__mobile-user-link:hover{transition:all .2s ease;color:#999}.global-nav__mobile-user-greeting{color:#9bb4d0;margin:0 0 10px;text-align:center;display:block}.global-nav__mobile-user-greeting-name{color:#9bb4d0;font-weight:400}.global-nav__mobile-closed .nav-actions{display:none;height:96px;background-color:#fff;border-bottom:1px solid rgba(74,74,74,.1);justify-content:space-between;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;padding-top:22px}@media(max-width:679px){.global-nav__mobile-closed .nav-actions{display:grid;grid-template-areas:"menu menu . home home home home home home . search search"}}@media(min-width:680px)and (max-width:1023px){.global-nav__mobile-closed .nav-actions{display:grid;grid-template-areas:"menu . . . home home home home . . . search"}}.global-nav__mobile-closed .nav-actions i{color:#3a3a3a;font-size:16pt}.global-nav__header-tuts-logo-link{text-align:center}.mobile-header-action{padding-top:24px;text-align:center}.mobile-home-logo{grid-area:home}.mobile-menu-icon{grid-area:menu}.mobile-search-icon{grid-area:search}.mobile-back-icon{grid-area:back}.mobile-close-icon{grid-area:close}.mobile-action-icon{padding-top:5px;text-align:center}.global-nav__mobile-open-header{grid-template-columns:repeat(12,1fr);display:grid;justify-content:space-between;padding-top:22px}@media(max-width:679px){.global-nav__mobile-open-header{grid-template-areas:"back back . home home home home home home . close close"}}@media(min-width:680px)and (max-width:1023px){.global-nav__mobile-open-header{grid-template-areas:"back . . . home home home home . . . close"}}.global-nav__mobile-open-header i{color:#3a3a3a;font-size:18pt}.global-nav__mobile-new{display:none;width:240px;padding:0;position:absolute;top:0;right:0;min-height:100%;background:#fff;width:100%}.global-nav__mobile-new .global-nav__mobile-search-terms{padding:9px 8px;background:#f7f7f7;border-radius:6px}.global-nav__mobile-new .global-nav__mobile-top-level-link{padding:8px 24px;color:#3a3a3a;font-size:16px;font-weight:500}.global-nav__mobile-new .global-nav__mobile-top-level-item--expanded{background-color:#fff}.global-nav__mobile-new .global-nav__mobile-top-level-collapse-text,.global-nav__mobile-new .global-nav__mobile-top-level-expand-text{right:24px;top:8px;color:#3a3a3a;display:block}.global-nav__mobile-new .global-mobile__header-item--envato-link,.global-nav__mobile-new .global-nav__mobile-user-link{padding:0 24px;color:#3a3a3a}.global-nav__mobile-new .global-nav__mobile-search-button{position:absolute;top:32px;right:36px;color:#7d7d7d;background:transparent;border:none;margin:0;padding:0;font-size:18px;cursor:pointer}@media(max-width:1023px){.body--mobile-nav-open .global-nav__mobile-new{display:block;z-index:1001}}.global-new-nav__header{background:#3a3a3a;position:relative;font-family:system-ui,Roboto,sans-serif}.global-new-nav__header .global-nav__mobile-search-terms{background:#f7f7f7;padding:9px 8px;border-radius:6px}.global-new-nav__header .global-nav__mobile-search-terms-tablet{display:inline-block;width:240px}@media(min-width:1340px){.global-new-nav__header .global-nav__mobile-search-terms-tablet{display:none}}.global-new-nav__header .global-nav__mobile-search-terms-wide{display:none}@media(min-width:1340px){.global-new-nav__header .global-nav__mobile-search-terms-wide{width:370px;display:inline-block}}.global-new-nav__header .global-new-nav__mobile-search-button{position:absolute;top:25px;right:16px;color:#7d7d7d;background:transparent;border:none;margin:0;padding:0;font-size:16px;cursor:pointer}.global-new-nav__header .global-nav__header-item--envato-link,.global-new-nav__header .global-new-nav__header-link,.global-new-nav__header .global-new-nav__user-link{display:inline-block;font-size:12px;color:#4a4a4a;white-space:nowrap}.global-new-nav__header .global-nav__header-item--envato-link:active,.global-new-nav__header .global-nav__header-item--envato-link:focus,.global-new-nav__header .global-nav__header-item--envato-link:hover,.global-new-nav__header .global-new-nav__header-link:active,.global-new-nav__header .global-new-nav__header-link:focus,.global-new-nav__header .global-new-nav__header-link:hover,.global-new-nav__header .global-new-nav__user-link:active,.global-new-nav__header .global-new-nav__user-link:focus,.global-new-nav__header .global-new-nav__user-link:hover{transition:all .2s ease;color:#2e7400}.global-new-nav__header .global-nav__header-tuts-logo-image{margin-bottom:-2px}.global-new-nav__header .global-new-nav__header-link{color:#3a3a3a}.global-new-nav__header .global-nav__header-link--primary{font-size:14px;font-weight:500}.global-new-nav__header .global-new-nav__header-divider{color:#4a4a4a;opacity:.1}.global-new-nav__header .global-new-nav__header-list{list-style:none;margin:0;padding:0;line-height:34px;display:inline-block}@media(max-width:1023px){.global-new-nav__header .global-new-nav__header-list{display:none}}.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo)>a{padding:16px 0 0}.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo)>a span{color:#3a3a3a;padding:0 9px}.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo)>a:after{content:"";display:block;margin:14px auto 0;height:4px;width:0;background:transparent;transition:width .2s ease,background-color .2s ease}.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo).global-nav__top-level-item--expanded>a:after,.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo):active>a:after,.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo):focus>a:after,.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo):hover>a:after,.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo)>a:active:after,.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo)>a:focus:after,.global-new-nav__header .global-nav__header-list>li:not(.global-nav__header-item-tuts-logo)>a:hover:after{width:100%;background:#96ce73}.global-new-nav__header .global-nav__search-form{margin-top:1px}.global-new-nav__header .global-nav__search-form .global-new-nav__mobile-search-button{top:26px}.global-new-nav__header .global-new-nav__header-item{display:inline-block;margin:0 0 0 30px}.global-new-nav__header .global-new-nav__header-content{justify-content:space-between;position:relative;background:#fff;margin:0 auto;border-bottom:1px solid #e1e8ed}.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-right{display:inline-block;font-size:12px}@media(min-width:680px)and (max-width:1023px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-right{right:40px}}@media(max-width:679px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-right{display:none}}.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{height:34px;background-color:#f7f7f7}@media(min-width:1340px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{padding:0 calc(50% - 645px)}}@media(min-width:1024px)and (max-width:1339px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{padding:0 calc(50% - 480px)}}@media(min-width:680px)and (max-width:1023px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{padding:0 calc(50% - 315px)}}.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top .global-new-nav__header-right{float:right}.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom{height:68px;line-height:68px}@media(min-width:1340px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom{max-width:630px}}.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom .global-new-nav__header-right{position:absolute;right:0}.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom,.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{justify-content:space-between;margin:0 auto;display:block;width:100%;position:relative}@media(max-width:1023px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom,.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{height:75px;display:none}}@media(max-width:679px){.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-bottom,.global-new-nav__header .global-new-nav__header-content .global-new-nav__header-top{margin:0 10px}}.global-nav__mobile-second-level-link-item--expanded .global-nav__mobile-third-level-new>.global-nav__mobile-new,.global-nav__mobile-top-level-item--expanded .global-nav__mobile-second-level-new>.global-nav__mobile-new{left:0}.global-nav__mobile-second-level-new>.global-nav__mobile-new,.global-nav__mobile-third-level-new>.global-nav__mobile-new{left:100vw}.global-nav__mobile-second-level-new .global-nav__mobile-third-level-heading,.global-nav__mobile-second-level-new .mobile-action-icon,.global-nav__mobile-third-level-new .global-nav__mobile-third-level-heading,.global-nav__mobile-third-level-new .mobile-action-icon{line-height:2.9em}.global-nav__mobile-second-level-new .global-nav__mobile-third-level-heading.global-nav__mobile-third-level-heading-without-link,.global-nav__mobile-third-level-new .global-nav__mobile-third-level-heading.global-nav__mobile-third-level-heading-without-link{padding-bottom:24px!important}.global-nav__mobile-second-level-new .global-nav__mobile-new,.global-nav__mobile-third-level-new .global-nav__mobile-new{transition:all .5s}.global-nav__mobile-second-level-new .global-nav__mobile-new *,.global-nav__mobile-third-level-new .global-nav__mobile-new *{color:#3a3a3a}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading{padding:24px 24px 16px}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-title,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-title,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-title,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-title{display:block;font-weight:700;font-size:18px;line-height:21px;letter-spacing:-.45px}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link{font-weight:500;font-size:14px;line-height:17px}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-text,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-text{letter-spacing:-.154px}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-second-level-heading-link .global-nav__mobile-third-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-second-level-heading-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-heading .global-nav__mobile-third-level-heading-link .global-nav__mobile-third-level-heading-link-icon{margin-left:7px}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links-title,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links-title{margin:0 24px;padding:24px 0 16px;font-weight:700;font-size:12px;line-height:14px;text-transform:uppercase;color:#717171;border-top:1px solid #ced4d9}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links-title.empty-title,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links-title.empty-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links-title.empty-title,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links-title.empty-title{padding:12px 0 0}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links{margin:0 0 16px;padding:0;list-style:none}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item{font-size:14px;line-height:2em}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-third-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-third-level-link{padding:8px 24px;font-weight:500;width:100%;display:block}.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-second-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-second-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-second-level-link-item .global-nav__mobile-second-level-link-icon,.global-nav__mobile-third-level-new .global-nav__mobile-new .global-nav__mobile-third-level-links .global-nav__mobile-third-level-link-item .global-nav__mobile-second-level-link-icon{float:right}.global-nav__mobile-second-level-link-item .global-nav__mobile-popular-software-icon,.global-nav__mobile-third-level-link-item .global-nav__mobile-popular-software-icon{width:16px;height:16px;margin-bottom:-3px;margin-right:8px}.global-new-nav__header-content .global-nav__header-item{padding:0;cursor:pointer;margin:0 1px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-link{padding:16px 9px 13px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level{display:none;position:absolute;top:69px;left:0;z-index:1;background-color:#fff;filter:drop-shadow(0 15px 10px rgba(0,0,0,.1));width:100vw;cursor:auto}@media(max-width:1023px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level{display:none}}@media(min-width:1340px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level{left:calc(-50vw - -645px)}}@media(min-width:1024px)and (max-width:1339px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level{left:calc(-50vw - -480px)}}@media(min-width:680px)and (max-width:1023px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level{left:calc(-50vw - -315px)}}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list{display:flex;align-items:stretch;padding:0;margin:auto}@media(min-width:1340px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list{max-width:630px}}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list .global-nav__header-item{display:flex;align-items:center;padding:16px 9px;cursor:auto;margin:0}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list .global-nav__header-item:first-child{padding-left:0}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-second-level-list .global-nav__header-item .global-new-nav__header-link{padding:0}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-link{color:#3a3a3a!important;display:flex;align-items:center;line-height:20px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-link .global-new-nav__header-link-text{white-space:break-spaces}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-link i{margin-left:3px;font-weight:600;color:#9b9b9b;font-size:10px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-link i.fa-ellipsis-vertical{margin-left:0;font-size:16px;color:#3a3a3a}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level{display:flex;visibility:hidden;max-height:0;background-color:#fff;position:absolute;top:100%;filter:drop-shadow(0 15px 10px rgba(0,0,0,.1));border-top:1px solid #e1e8ed}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories{margin:32px 0;padding:0 32px;display:flex;flex-direction:column}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares>a,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares li>*,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories>a,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories li>*{padding:0 8px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links-title,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links-title{font-weight:700;font-size:12px;line-height:14px;text-transform:uppercase;color:#717171;margin-bottom:12px;white-space:nowrap}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links{margin:0;padding:0;list-style:none}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links.display-flex,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links.display-flex{display:flex}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links.display-flex ul,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links.display-flex ul{margin:0;padding:0;list-style:none;display:block;width:100%}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links.display-flex ul:nth-child(n),.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links.display-flex ul:nth-child(n){margin-left:32px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links.display-flex ul:first-child,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links.display-flex ul:first-child{margin-left:0}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item{margin:6px 0}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link{font-weight:400;font-size:14px;letter-spacing:-.154px;color:#3a3a3a;line-height:32px;display:inline-flex;width:100%;height:100%;align-items:center;white-space:nowrap}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link .global-new-nav__header-popular-software-icon,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link .global-new-nav__header-popular-software-icon{width:16px;height:16px;margin-right:12px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link:active,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link:focus,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link:hover,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link:active,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link:focus,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-links .global-new-nav__header-third-level-link-item .global-new-nav__header-third-level-link:hover{border-radius:8px;background-color:#f2f2f2}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-heading-link{font-weight:700;font-size:14px;line-height:32px;display:inline-block;white-space:nowrap;color:#3a3a3a}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-heading-link .global-new-nav__header-third-level-heading-link-icon{margin-left:6px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-heading-link:active,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-heading-link:focus,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-sub-categories .global-new-nav__header-third-level-heading-link:hover{border-radius:8px;background-color:#f2f2f2}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item .global-new-nav__header-third-level .global-new-nav__header-third-level-popular-softwares{border-left:1px solid #ced4d9}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.active-category .global-new-nav__header-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:active .global-new-nav__header-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:focus-within .global-new-nav__header-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:focus .global-new-nav__header-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:hover .global-new-nav__header-link{padding:6px 8px;border-radius:8px;background-color:#f2f2f2;margin:-6px -8px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.active-category .global-new-nav__header-link.global-new-nav__header-more-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:active .global-new-nav__header-link.global-new-nav__header-more-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:focus-within .global-new-nav__header-link.global-new-nav__header-more-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:focus .global-new-nav__header-link.global-new-nav__header-more-link,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:hover .global-new-nav__header-link.global-new-nav__header-more-link{padding:8px 12px;margin:-8px -12px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.active-category .global-new-nav__header-link.global-new-nav__header-more-link .fa-ellipsis-vertical,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:active .global-new-nav__header-link.global-new-nav__header-more-link .fa-ellipsis-vertical,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:focus-within .global-new-nav__header-link.global-new-nav__header-more-link .fa-ellipsis-vertical,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:focus .global-new-nav__header-link.global-new-nav__header-more-link .fa-ellipsis-vertical,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item:hover .global-new-nav__header-link.global-new-nav__header-more-link .fa-ellipsis-vertical{background-color:#f2f2f2}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-courses,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-courses-separator{display:none}@media(min-width:1340px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-courses,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-courses-separator{display:flex}}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-courses-separator .global-nav__header-item-separator{height:100%;border-left:1px solid #9b9b9b}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link{padding:16px 13px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links{visibility:hidden;opacity:0;filter:drop-shadow(0 15px 10px rgba(0,0,0,.1));transition:visibility .1s linear .2s,opacity 0s linear .2s;margin:0 0 0 -157px;padding:8px 24px 16px;position:absolute;background-color:#fff;flex-direction:column;top:100%;border-top:1px solid #e1e8ed}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item{padding:0}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item .global-new-nav__header-link{border-radius:0;color:#3a3a3a!important;background-color:transparent!important;border-radius:8px;width:100%;margin:4px 0;padding:6px 8px}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item .global-new-nav__header-link:active,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item .global-new-nav__header-link:focus,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item .global-new-nav__header-link:hover{background-color:#f2f2f2!important}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item.global-nav__header-item-courses{display:flex}@media(min-width:1340px){.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link .global-nav__header-second-level-more-links .global-nav__header-item.global-nav__header-item-courses{display:none}}.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link:active .global-nav__header-second-level-more-links,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link:focus-within .global-nav__header-second-level-more-links,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link:focus .global-nav__header-second-level-more-links,.global-new-nav__header-content .global-nav__header-item .global-new-nav__header-second-level .global-nav__header-item.global-nav__header-item-more-link:hover .global-nav__header-second-level-more-links{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity 0s linear}.global-new-nav__header-content .global-nav__header-item:active .global-new-nav__header-link,.global-new-nav__header-content .global-nav__header-item:focus .global-new-nav__header-link,.global-new-nav__header-content .global-nav__header-item:hover .global-new-nav__header-link{color:#3a3a3a}.global-new-nav__header-content .global-nav__header-item.global-nav__top-level-item--expanded{padding:0}.global-new-nav__header-content .global-nav__header-item.global-nav__top-level-item--expanded .global-new-nav__header-second-level{display:block}.global-new-nav__header-content .global-nav__header-item-tuts-logo{margin-right:15px;margin-left:0;padding:0}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-link .fa-user-circle{margin-right:9px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu:hover .global-nav__user-menu-link{color:#3a3a3a}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items{right:8px;padding:16px 0;background-color:#fff;border-radius:8px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items:before{right:16px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item{padding:2px 8px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item.global-nav__user-menu-item--separator-before{border-top:1px solid #e1e8ed;margin-top:8px;padding-top:10px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item.global-nav__user-menu-item--separator-after{border-bottom:1px solid #e1e8ed;margin-bottom:8px;padding-bottom:10px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item>a{padding:8px 16px;border-radius:4px;color:#3a3a3a;line-height:150%;letter-spacing:-.154px}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item>a.global-nav__user-menu-item-link{border-top:none}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item>a.global-nav__user-menu-item-link--admin{background-color:#fff}.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item>a:active,.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item>a:focus,.global-new-nav__header .global-new-nav__header-content .global-nav__header-buttons .global-nav__user-menu .global-nav__user-menu-items .global-nav__user-menu-item>a:hover{background-color:#f2f2f2;font-weight:400}.global-new-nav__skip-to-content-link{position:absolute;height:80px;width:148px;left:16px;top:16px;z-index:-1;font-weight:600;font-size:16px;line-height:19px;letter-spacing:-.32px;background:#fff;display:flex;justify-content:center;align-items:center}.global-new-nav__skip-to-content-link:focus{z-index:1;color:#282828}.body--mobile-nav-open .page-content{position:relative}@media(min-width:680px)and (max-width:1023px){.body--mobile-nav-open .page-content{overflow:hidden}}@media(max-width:679px){.body--mobile-nav-open .page-content{overflow:hidden}}@media(min-width:680px)and (max-width:1023px){.body--mobile-nav-open .page-footer{display:none}}@media(max-width:679px){.body--mobile-nav-open .page-footer{display:none}}.topics-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.topics-menu .topics-menu__topics{display:none;border-radius:3px;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.topics-menu .topics-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:126px}.topics-menu .topics-menu__topics .topics-menu__topic{list-style:none}.topics-menu .topics-menu__topics .topics-menu__topic:first-child .topics-menu__topic-submenu{display:block}.topics-menu .topics-menu__topics .topics-menu__topic:first-child a.topics-menu__topic-link{border-radius:3px 0 0 0;padding-top:20px}.topics-menu .topics-menu__topics .topics-menu__topic:first-child:hover i.topics-menu__topic-link-chevron{top:26px}.topics-menu .topics-menu__topics .topics-menu__topic:last-child a.topics-menu__topic-link{border-radius:0 0 0 3px;padding-bottom:20px}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-submenu{display:block}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link{text-decoration:underline}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-design{color:#b03532}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-code{color:#33a8a5}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-music{color:#3d8bb1}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-photography{color:#6a478f}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-cgi{color:#e03f3f}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-computers{color:#4464a1}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-business{color:#da6f2b}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-crafts{color:#e67750}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-gamedevelopment{color:#59a627}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link.topic-webdesign{color:#30997a}.topics-menu .topics-menu__topics .topics-menu__topic:hover .topics-menu__topic-link i.topics-menu__topic-link-chevron{display:inline}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-link{position:relative;display:inline-block;width:190px;background:#fefefe;padding:10px 25px;font:normal 14px/20px system-ui,Roboto,Arial,sans-serif;white-space:nowrap;color:#3a3a3a}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-link i.topics-menu__topic-link-chevron{position:absolute;right:10px;top:15px;font-size:10px;display:none}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu{display:none;position:absolute;top:0;left:190px;padding:30px;width:335px;height:100%;border-radius:0 3px 3px 0}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-design{background-color:#b03532}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-code{background-color:#33a8a5}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-music{background-color:#3d8bb1}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-photography{background-color:#6a478f}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-cgi{background-color:#e03f3f}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-computers{background-color:#4464a1}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-business{background-color:#da6f2b}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-crafts{background-color:#e67750}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-gamedevelopment{background-color:#59a627}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu.topic-webdesign{background-color:#30997a}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__featured-categories{padding:0;margin-top:0;overflow:hidden}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__featured-categories .topics-menu__featured-category{list-style:none;line-height:2.6em;width:50%;float:left}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__featured-categories .topics-menu__featured-category .topics-menu__featured-category-link{display:block;font-size:14px;color:#fff}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__featured-categories .topics-menu__featured-category .topics-menu__featured-category-link:active,.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__featured-categories .topics-menu__featured-category .topics-menu__featured-category-link:focus,.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__featured-categories .topics-menu__featured-category .topics-menu__featured-category-link:hover{text-decoration:underline;color:#fff}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__more-categories-link{display:block;clear:left;width:50%;font-size:12px;line-height:24px;margin-top:10px;color:#fff;opacity:.6}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__more-categories-link:active,.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__more-categories-link:focus,.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__more-categories-link:hover{text-decoration:underline;color:#fff}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__submenu-footer-link{display:block;font-size:12px;color:#fff;opacity:.6}.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__submenu-footer-link:active,.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__submenu-footer-link:focus,.topics-menu .topics-menu__topics .topics-menu__topic .topics-menu__topic-submenu .topics-menu__submenu-footer-link:hover{text-decoration:underline;color:#fff}.topics-menu:hover .topics-menu__topics{display:block;width:525px}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link{text-decoration:underline}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-design{color:#b03532}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-code{color:#33a8a5}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-music{color:#3d8bb1}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-photography{color:#6a478f}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-cgi{color:#e03f3f}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-computers{color:#4464a1}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-business{color:#da6f2b}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-crafts{color:#e67750}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-gamedevelopment{color:#59a627}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link.topic-webdesign{color:#30997a}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child .topics-menu__topic-link i.topics-menu__topic-link-chevron{display:inline}.topics-menu:hover .topics-menu__topics:not(:hover) .topics-menu__topic:first-child i.topics-menu__topic-link-chevron{top:26px}.topics-menu:hover .topics-menu__dropdown-toggle{position:relative;z-index:11}.topics-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.courses-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.courses-menu:hover .courses-menu__topics{display:block}.courses-menu:hover .courses-menu__dropdown-toggle{position:relative;z-index:11}.courses-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.courses-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0 0 10px;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,.3);background:#fefefe}.courses-menu__topics li:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.courses-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:65px}.courses-menu__topic{list-style:none}.courses-menu__topic-link{position:relative;display:inline-block;width:190px;font:normal 14px/20px system-ui,Roboto,Arial,sans-serif;white-space:nowrap;color:#3a3a3a;padding:10px 25px}.courses-menu__topic-link:hover{text-decoration:underline}.courses-menu__topic-link:hover.topic-design{color:#b03532}.courses-menu__topic-link:hover.topic-code{color:#33a8a5}.courses-menu__topic-link:hover.topic-music{color:#3d8bb1}.courses-menu__topic-link:hover.topic-photography{color:#6a478f}.courses-menu__topic-link:hover.topic-cgi{color:#e03f3f}.courses-menu__topic-link:hover.topic-computers{color:#4464a1}.courses-menu__topic-link:hover.topic-business{color:#da6f2b}.courses-menu__topic-link:hover.topic-crafts{color:#e67750}.courses-menu__topic-link:hover.topic-gamedevelopment{color:#59a627}.courses-menu__topic-link:hover.topic-webdesign{color:#30997a}.courses-menu__all-topics-link:hover,.courses-menu__free-link:hover{color:#282828}.courses-menu__free-link{border-radius:0 0 3px 3px;padding-bottom:10px;width:120px}.courses-menu__separator{display:block;margin-bottom:0;border-top:1px solid #e1e8ed;background-color:#fefefe}.new-course__label{background-color:#82b541;color:#fff;padding:3px 15px;letter-spacing:1px;border-radius:5px;font-size:11px;font-weight:700;line-height:normal}.learning-guide-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.learning-guide-menu:hover .learning-guide-menu__topics{display:block}.learning-guide-menu:hover .learning-guide-menu__dropdown-toggle{position:relative;z-index:11}.learning-guide-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.learning-guide-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.learning-guide-menu__topics li:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.learning-guide-menu__topics li:last-child a{border-radius:0 0 3px 3px;padding-bottom:20px}.learning-guide-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:56px}.learning-guide-menu__topic{list-style:none}.learning-guide-menu__topic-link{position:relative;display:inline-block;width:190px;background:#fefefe;padding:10px 25px;font:normal 14px/20px system-ui,Roboto,Arial,sans-serif;white-space:nowrap;color:#3a3a3a}.learning-guide-menu__topic-link:hover{text-decoration:underline}.learning-guide-menu__topic-link:hover.topic-design{color:#b03532}.learning-guide-menu__topic-link:hover.topic-code{color:#33a8a5}.learning-guide-menu__topic-link:hover.topic-music{color:#3d8bb1}.learning-guide-menu__topic-link:hover.topic-photography{color:#6a478f}.learning-guide-menu__topic-link:hover.topic-cgi{color:#e03f3f}.learning-guide-menu__topic-link:hover.topic-computers{color:#4464a1}.learning-guide-menu__topic-link:hover.topic-business{color:#da6f2b}.learning-guide-menu__topic-link:hover.topic-crafts{color:#e67750}.learning-guide-menu__topic-link:hover.topic-gamedevelopment{color:#59a627}.learning-guide-menu__topic-link:hover.topic-webdesign{color:#30997a}.learning-guide-menu__free-link:hover{background-color:#282828}.ebooks-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.ebooks-menu:hover .ebooks-menu__topics{display:block}.ebooks-menu:hover .ebooks-menu__dropdown-toggle{position:relative;z-index:11}.ebooks-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.ebooks-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.ebooks-menu__topics li:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.ebooks-menu__topics li:last-child a{border-radius:0 0 3px 3px;padding-bottom:20px}.ebooks-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:59px}.ebooks-menu__topic{list-style:none}.ebooks-menu__topic-link{position:relative;display:inline-block;width:190px;background:#fefefe;padding:10px 25px;font:normal 14px/20px system-ui,Roboto,Arial,sans-serif;white-space:nowrap;color:#3a3a3a}.ebooks-menu__topic-link:hover{text-decoration:underline}.ebooks-menu__topic-link:hover.topic-design{color:#b03532}.ebooks-menu__topic-link:hover.topic-code{color:#33a8a5}.ebooks-menu__topic-link:hover.topic-music{color:#3d8bb1}.ebooks-menu__topic-link:hover.topic-photography{color:#6a478f}.ebooks-menu__topic-link:hover.topic-cgi{color:#e03f3f}.ebooks-menu__topic-link:hover.topic-computers{color:#4464a1}.ebooks-menu__topic-link:hover.topic-business{color:#da6f2b}.ebooks-menu__topic-link:hover.topic-crafts{color:#e67750}.ebooks-menu__topic-link:hover.topic-gamedevelopment{color:#59a627}.ebooks-menu__topic-link:hover.topic-webdesign{color:#30997a}.ebooks-menu__free-link:hover{background-color:#282828}.cta-toast--open{display:unset!important}@media(max-width:679px){.cta-toast--open{display:none!important}}.tuts-toast-banner__wrapper{background:#2a2a2a;color:#fff;display:none;font-size:14px;position:fixed;bottom:20px;left:20px;width:425px;max-width:80%;height:210px;z-index:50;border-radius:6px;padding:30px;box-shadow:10px 10px 30px rgba(0,0,0,.2);text-align:left}.tuts-toast-banner__wrapper a:hover{color:inherit}.elements-toast-banner__logo{margin-bottom:10px}.tuts-toast-banner__copy{text-decoration:none;color:#fff;line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}.tuts-toast-banner__copy-large{display:block;font-size:22px}.tuts-toast-banner__copy-small{display:block;font-size:16px}.tuts-toast-banner__button:hover{background:#6e9f2c}.tuts-toast-banner__button{background:#81b636;color:#fff;border:0;border-radius:4px;text-shadow:none;text-decoration:none;padding:10px 15px;box-shadow:0 1px 1px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;font-size:16px;line-height:26px;cursor:pointer;transition:background-color .1s ease-in-out,color .1s ease-in-out}.tuts-toast-banner__close-button{position:absolute;right:17px;top:25px;cursor:pointer;z-index:12;background:transparent;width:24px;height:24px;border:0;transition:opacity .1s}.tuts-toast-banner__close-button path{fill:#fff}.ecosystem-highlight{background-color:#303030;font-family:system-ui,Roboto,Arial,sans-serif;width:100%;padding:80px 0;text-align:center}@media(min-width:680px)and (max-width:1023px){.ecosystem-highlight{height:auto;padding:40px 0;text-align:center}}@media(max-width:679px){.ecosystem-highlight{display:none}}@media(min-width:680px){.ecosystem-highlight__cards{margin:0 auto}.ecosystem-highlight__cards:after{content:"";display:table;clear:both}}@media(min-width:1340px){.ecosystem-highlight__cards{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.ecosystem-highlight__cards{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.ecosystem-highlight__cards{max-width:630px}}.ecosystem-highlight__card{position:relative;float:left;width:300px;margin-right:30px;min-height:300px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background:#fff;border:1px solid #303030;border-radius:4px;text-align:left}@media(max-width:679px){.ecosystem-highlight__card{margin-right:auto;margin-left:auto;float:none}}@media(min-width:1340px){.ecosystem-highlight__card:nth-child(4n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.ecosystem-highlight__card:nth-child(3n){margin-right:0}}@media(min-width:680px)and (max-width:1023px){.ecosystem-highlight__card:nth-child(2n){margin-right:0}}@media(min-width:1024px)and (max-width:1339px){.ecosystem-highlight__card:nth-child(n+4){display:none}}@media(min-width:680px)and (max-width:1023px){.ecosystem-highlight__card:nth-child(n+3){display:none}}.ecosystem-highlight__card a{color:#4b4b4b}.ecosystem-highlight__card-image{width:100%;height:150px}.ecosystem-highlight__card-content{padding:10px}.ecosystem-highlight__card-title{font-size:18px;font-weight:500;line-height:24px;color:#444}.ecosystem-highlight__card-description{font-size:16px;font-weight:400;line-height:22px;margin-top:10px;color:#969696}.quick-links{background-color:#303030;color:#fff;font-family:system-ui,Roboto,Arial,sans-serif;font-size:13px}.quick-links__collapsed .quick-links__toggle-icon:before{transform:rotate(-90deg)}.quick-links__collapsed .quick-links__toggle-icon:after{opacity:1}.quick-links__collapsed .quick-links__content{max-height:0;opacity:0;display:none}@media(min-width:680px){.quick-links__container{margin:0 auto}.quick-links__container:after{content:"";display:table;clear:both}}@media(min-width:1340px){.quick-links__container{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.quick-links__container{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.quick-links__container{max-width:630px}}@media(max-width:679px){.quick-links__container{padding:10px}}.quick-links__title{border-top:2px solid #454545;padding-top:24px;padding-bottom:24px}@media(max-width:679px){.quick-links__title{border:none}}.quick-links__toggle{cursor:pointer;display:inline-block}.quick-links__toggle-icon{display:inline-block;position:relative;width:10px;height:10px;margin-right:16px}.quick-links__toggle-icon:after,.quick-links__toggle-icon:before{content:"";position:absolute;background:grey;transition:all .2s ease-out;top:4px;left:0;right:0;height:2px}.quick-links__toggle-icon:after{opacity:0}.quick-links__toggle-text{color:#fff;text-transform:uppercase;font-weight:700}.quick-links__toggle-text:active,.quick-links__toggle-text:focus,.quick-links__toggle-text:hover{text-decoration:underline}.quick-links__toggle-subtext{opacity:.5}.quick-links__toggle-subtext:before{content:" - "}.quick-links__content{display:flex;flex-flow:row wrap;height:auto;max-height:1500px;overflow:hidden;opacity:1;transition:all .5s cubic-bezier(.39,.575,.565,1)}.quick-links__list{width:20%;list-style:none;margin-top:0;margin-bottom:24px;padding:0}@media(min-width:1024px)and (max-width:1339px){.quick-links__list{width:25%}}@media(min-width:680px)and (max-width:1023px){.quick-links__list{width:50%}}@media(max-width:679px){.quick-links__list{width:100%}}.quick-links__list-title{margin-bottom:8px}.quick-links__list-item,.quick-links__list-title{display:inline-block;width:100%;white-space:nowrap}@media(max-width:679px){.quick-links__list-item{width:auto;margin-right:5px}.quick-links__list-item:after{position:absolute;content:", ";opacity:.5}.quick-links__list-item:last-child:after{content:""}}.quick-links__link{color:#999}.quick-links__link:active,.quick-links__link:focus,.quick-links__link:hover{color:#fff;text-decoration:underline}.quick-links__footer{background-color:transparent;margin-bottom:-50px;margin-top:6px}.quick-links__footer .quick-links__title{border:none}.page-footer{background:#191919;font-size:14px;line-height:1.6em;font-family:system-ui,Roboto,sans-serif}.page-footer__content{padding-bottom:20px;padding-top:50px}@media(min-width:680px){.page-footer__content{margin:0 auto}.page-footer__content:after{content:"";display:table;clear:both}}@media(min-width:1340px){.page-footer__content{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.page-footer__content{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.page-footer__content{max-width:630px}}@media(max-width:679px){.page-footer__content{padding:10px}}.page-footer__links{font-size:0}.page-footer__links-column{font-size:14px;width:300px;display:inline-block;vertical-align:top;margin-right:0}@media(min-width:1024px)and (max-width:1339px){.page-footer__links-column{width:190px}}@media(min-width:680px)and (max-width:1023px){.page-footer__links-column{width:190px}}@media(max-width:679px){.page-footer__links-column{width:100%;text-align:center;margin-bottom:0;border-top:1px solid #17232c}}.page-footer__links-last-column{margin-right:0}@media(min-width:1340px){.page-footer__links-last-column{width:370px}}@media(min-width:1024px)and (max-width:1339px){.page-footer__links-last-column{width:370px}}@media(min-width:680px)and (max-width:1023px){.page-footer__links-last-column{width:100%;display:block;margin-right:0;margin-top:30px}}@media(max-width:679px){.page-footer__links-last-column{padding-top:20px}}.page-footer__brands-wrapper{display:flex}@media(max-width:679px){.page-footer__brands-wrapper{justify-content:center}}.page-footer__bcorp-brand{margin:7px 20px 40px}@media(max-width:679px){.page-footer__bcorp-brand{margin:7px 0 40px 10px}}.page-footer__bcorp-brand .page-footer__bcorp-brand-link img{height:80px;width:50px}@media(max-width:679px){.page-footer__bcorp-brand .page-footer__bcorp-brand-link img{height:72px}}@media(max-width:679px){.page-footer__section{transition:max-height .5s ease;max-height:3.5em;overflow:hidden;position:relative;background-color:#191919}}.page-footer__section--expanded{max-height:1000px}.page-footer__section--expanded .page-footer__links-column-expansion-link-expand-text{display:none}.page-footer__section--expanded .page-footer__links-column-expansion-link-collapse-text{display:block}@media(max-width:679px){.page-footer__section-subscribe{max-height:1000px}}.page-footer__heading{color:#fff;text-transform:uppercase;font-weight:700;line-height:1.2em;margin-bottom:20px}@media(max-width:679px){.page-footer__heading{margin-bottom:0;line-height:3.5em}}.page-footer__links-column-expansion-link{display:none}@media(max-width:679px){.page-footer__links-column-expansion-link{height:3.5em;width:3.5em;display:block;position:absolute;top:0;right:0;line-height:3.5em;color:#999}.page-footer__links-column-expansion-link:active,.page-footer__links-column-expansion-link:focus,.page-footer__links-column-expansion-link:visited{color:#999}.page-footer__links-column-expansion-link:hover{color:#fff}}.page-footer__links-column-expansion-link-collapse-text{display:none}.page-footer__links-column-link-icon{margin-left:5px;vertical-align:middle}@media(max-width:679px){.page-footer__item{line-height:3em}.page-footer__item:last-child{margin-bottom:15px}}.page-footer__link{color:#999;white-space:nowrap}.page-footer__link:active,.page-footer__link:focus,.page-footer__link:hover{color:#fff;text-decoration:underline}.page-footer__tuts-brand{position:relative;color:#8e8e8e}@media(min-width:680px){.page-footer__tuts-brand{margin-bottom:40px;float:left}}@media(max-width:679px){.page-footer__tuts-brand{margin-bottom:20px}}.page-footer__tuts-logo-image{margin:7px 0 16px;vertical-align:middle;width:144px;height:18px}.page-footer__tuts-brand-text{font-size:12px}@media(min-width:680px){.page-footer__tuts-brand-text{display:block}}@media(min-width:680px)and (max-width:1023px){.page-footer__tuts-brand-text{display:block;margin-left:0;margin-top:-10px}}@media(max-width:679px){.page-footer__tuts-brand-text{display:block;margin-top:-10px}}@media(min-width:680px){.page-footer__counts{margin-top:8px}}@media(max-width:1023px){.page-footer__counts{margin-bottom:20px}}.page-footer__count-item{display:block;width:80px;float:left}.page-footer__count-item:first-child{margin-left:0}@media(max-width:1023px){.page-footer__count-item{display:inline-block;float:none}}.page-footer__count-label{color:#8e8e8e;display:block}.page-footer__count-value{color:#fff;display:block;font-weight:500;font-size:18px}.page-footer__social-link{width:36px;height:36px;display:inline-block;vertical-align:middle}.page-footer__social-link:hover{position:relative}.page-footer__social-link:hover:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:3px}.page-footer__facebook-link:hover:before{background-color:rgba(59,89,152,.3)}.page-footer__twitter-link:hover:before{background-color:rgba(0,172,237,.3)}.page-footer__pinterest-link:hover:before{background-color:rgba(203,32,39,.3)}.page-footer__rss{float:left;width:410px}.page-footer__envato_teaser{margin-top:10px}@media(max-width:679px){.page-footer__envato_teaser{width:50%}}.page-footer__envato-product{overflow:hidden;margin-bottom:10px;color:#8e8e8e;display:inline-block;background-color:#19212a;padding:20px;position:relative}.page-footer__envato-product:last-child{float:right}@media(min-width:1340px){.page-footer__envato-product{width:630px}}@media(min-width:1024px)and (max-width:1339px){.page-footer__envato-product{width:465px}}@media(min-width:680px)and (max-width:1023px){.page-footer__envato-product{width:630px}}@media(max-width:679px){.page-footer__envato-product{width:180px}.page-footer__envato-product:last-child{float:none}}.page-footer__envato-product-image{width:140px;margin-right:30px;float:left}.page-footer__envato-product-description{margin-left:170px}@media(max-width:679px){.page-footer__envato-product-description{margin:122px 0 0;word-wrap:break-word;font-size:14px}}@media(max-width:679px){.page-footer__envato-product-description-text{display:none}}.page-footer__envato-product-link{margin-top:5px;display:block;color:#fff;position:absolute;bottom:20px}@media(max-width:679px){.page-footer__envato-product-link{position:static;white-space:normal;text-align:left}}.page-footer__envato-bar{background:#191919}.page-footer__envato-bar-content{color:#999;border-top:1px solid #333;overflow:hidden;position:relative}@media(min-width:680px){.page-footer__envato-bar-content{margin:0 auto}.page-footer__envato-bar-content:after{content:"";display:table;clear:both}}@media(min-width:1340px){.page-footer__envato-bar-content{max-width:1290px}}@media(min-width:1024px)and (max-width:1339px){.page-footer__envato-bar-content{max-width:960px}}@media(min-width:680px)and (max-width:1023px){.page-footer__envato-bar-content{max-width:630px}}@media(min-width:680px){.page-footer__envato-bar-content{padding-top:25px;padding-bottom:25px}}@media(max-width:679px){.page-footer__envato-bar-content{padding:10px 10px 7px}}@media(min-width:1340px){.page-footer__envato-bar-content-left-column{float:left;width:740px}}@media(min-width:1024px)and (max-width:1339px){.page-footer__envato-bar-content-left-column{float:left;width:630px}}@media(min-width:1340px){.page-footer__envato-bar-content-right-column{float:right;width:410px;padding-top:20px}}@media(min-width:1024px)and (max-width:1339px){.page-footer__envato-bar-content-right-column{float:right;width:410px;padding-top:20px}}@media(max-width:1023px){.page-footer__envato-bar-content-right-column{float:left;width:100%}}.dev-info{float:right}.page-footer__envato-bar-links{margin:0;padding:0;list-style-type:none;line-height:40px}.page-footer__envato-bar-link-item{display:inline;margin-right:10px}.page-footer__envato-bar-link{font-size:14px;line-height:40px;color:#fff}.page-footer__envato-bar-link:active,.page-footer__envato-bar-link:focus,.page-footer__envato-bar-link:hover{color:#fff;text-decoration:underline}.page-footer__copyright{display:block;float:left;font-size:12px;line-height:20px}@media(max-width:1023px){.page-footer__copyright{float:none;text-align:left;line-height:2em;margin-bottom:10px}}.page-footer__follow-us{margin:0;text-align:right;font-size:12px;list-style:none}@media(max-width:1023px){.page-footer__follow-us{float:left;padding:0}}.page-footer__follow-us-element{display:inline-block;margin-left:12px}@media(max-width:1023px){.page-footer__follow-us-element:first-child{display:inline-block;line-height:2.5em;margin-left:0}}.sticky-footer-ad{height:90px;position:fixed;z-index:10;width:100vw;bottom:0}.error-page{margin:100px 0 40px;text-align:center}.error-page__header-image{width:112px}.error-page__title{font-family:system-ui,Roboto,Arial,sans-serif;font-size:31px}.error-page__debug{clear:both;margin:20px 0;font-size:11px;overflow:auto;text-align:left;background:#f1f1f1;padding:20px}.error-page__debug-inspect{font-size:14px;font-weight:700}.error-page__footer{overflow:hidden;padding-top:40px;border-top:1px solid hsla(0,0%,89.4%,.2);margin:200px 0 80px}.error-page__tuts-logo{width:120px;float:left}.error-page__envato-logo{width:80px;float:right}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}