@charset "UTF-8";@media print{@page{margin:1.25cm 1.3cm 1.25cm 1.3cm}body::after{background:url(/a2efab19a2719123484be1e6ec8139881081eb8e/47391/images/smashing-cat/cat-felix-the-cat.svg),url(/e931d36d522214712667d1bfed00e960cc814fdb/45d22/images/icons/author.svg),url(/180a9e7926b4d2c9bfd3f4bf64c4e651404eb5ca/4eb18/images/icons/tags.svg),url(/b72078d9329fd2931a168375356fd2f1c71110cf/bde3f/images/icons/published.svg);visibility:hidden;height:0;content:" ";clear:both}.article__meta,.author{margin:.5em 0!important}.article-container .author--full>a{margin-bottom:0!important}.announcement,.article--grid__read-more,.article__comments-count,.back-to-top-wrapper,.books__book__meta,.c-promo-box,.cart-wrapper,.conf-panel__image,.content-tabs,.cookies,.curated-articles-container,.featured-articles__teaser,.footer__links,.hot-topic-panel,.main-header,.meow__container,.meow__masthead,.order-details__secondary-actions,.read-more-link,.tablesaw-bar{display:none}body{display:block}pre>code,pre[class]>code{white-space:normal!important}.homepage:before{content:"Smashing Magazine";font-size:2em;font-weight:700;border-bottom:8px solid #ddd!important;padding:0 0 .25em 0;margin:.25em 0 .75em 0;width:100%;display:block}.homepage .container{padding:0;width:auto;max-width:auto}.homepage .article--post,.homepage .article--post__teaser{page-break-inside:avoid!important;page-break-after:auto!important;display:block!important;widows:3;orphans:3}.homepage main::before{content:"Don't miss these articles on SmashingMag:";font-size:1.5em;font-weight:700;display:block;margin-bottom:.5em;color:#666}.wf-loaded-stage1 .homepage main::before{font-family:MijaInitial}.wf-loaded-stage2 .homepage main::before{font-family:Mija}.homepage .author__image-wrapper{filter:grayscale(100)}.homepage .author{float:none;max-width:150px}.homepage .author__image{max-height:70px}.homepage .featured-article .nowrap{display:table;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;text-align:left}.homepage .featured-article__intro{display:inline}.homepage h2{z-index:9;color:#c00!important}.homepage .featured-article__title a{display:inline-block;margin-left:0;padding-left:0;font-size:.8em}.homepage .featured-article__time time{color:#eee!important;margin-left:0!important;padding-left:0!important;text-align:left;line-height:1.5}.homepage .featured-article__time time::before{display:none}.homepage .featured-article__comments-count{color:#eee!important;font-size:.5em!important}.homepage .featured-article__tags{margin:0;padding:0;color:#eee;font-size:.8em}.homepage .featured-article__tags a{color:currentColor}.homepage .featured-article__title .featured-article__title__a{color:#333!important;padding-top:0}.homepage .featured-article__title .featured-article__title__a::after,.homepage .featured-article__title .featured-article__title__a::before{content:""}.homepage .featured-articles-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:0;padding-left:0;margin-top:auto}.homepage .featured-article{width:50%!important;min-height:30%!important;margin-top:1.5em!important;margin-bottom:2.5em!important}.homepage .featured-article:nth-child(2n+1){padding:0 0 0 4%!important}.homepage .featured-article:nth-child(2n){padding:0 4% 0 1%!important}.homepage .article--grid__content,.homepage .article--grid__title{line-height:1.5}.homepage .article--grid__content a,.homepage .article--post__author-name a,.homepage .conf-panel a{padding:0 0 2px 0;color:#333;border-bottom:1px solid #e3e3e3}.homepage .left-lined{color:#222;position:absolute;left:10px;display:inline;text-align:left;-ms-font-feature-settings:"smcp" 1,"c2sc" 1;-o-font-feature-settings:"smcp" 1,"c2sc" 1;font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:1px;font-variant:small-caps;text-transform:lowercase;background-position:center 72%;line-height:1;font-size:1em;margin:0!important;max-width:13em;padding-left:.75em;transform-origin:left center;transform:rotateZ(90deg) translateX(-5px) translateY(1px)!important;text-transform:lowercase;letter-spacing:4px!important}.homepage .featured-articles-container{padding-bottom:2em}.homepage .latest-articles-container{border-top:8px solid #ddd;margin-top:0!important}.homepage .article--grid__container{padding-top:.25em}.homepage .article--grid__container div,.homepage .col--article--grid:first-of-type{margin:0 5% 0 5%;padding:.5em 0 0 0}.homepage .popular_articles--first{padding-top:0!important;margin-top:0!important}.homepage .most-popular-articles-container{break-before:always!important;page-break-before:always!important;border-top:8px solid #ddd}.homepage .most-popular-articles-container .container{margin:0 5% 0 2.5%!important}.homepage .most-popular-articles-container .author__image-wrapper{position:static}.homepage .most-popular-articles-container .article--post,.homepage .most-popular-articles-container .popular_articles--first .article--post{margin:.5em 0 1.35em 0!important}.homepage .most-popular-articles-container .article--post .author,.homepage .most-popular-articles-container .popular_articles--first .article--post .author{float:left}.homepage .conf-panel{break-before:always!important;page-break-before:always!important;color:#222;border-top:8px solid #ddd;border-bottom:8px solid #ddd}.homepage .article--post__stats ul li{padding-left:0}.homepage .footer__topics__list,.homepage .footer__topics__title{display:none}.homepage .footer__notes{color:#222}.homepage .main-footer:after{content:"Cats can be forgetful, but we are not. \A Thanks for being truly smashing — yet again. \A www.smashingmagazine.com";font-style:italic;color:#333!important;line-height:1.5em;margin-top:1.5em!important;display:inline-block;white-space:pre;text-align:center;width:100%}.article__content .books__book__meta{padding:1em;margin:0;list-style:none;width:100%;border-radius:11px;font-size:.75em}.wf-loaded-stage1 .article__content .books__book__meta{font-family:MijaInitial}.wf-loaded-stage2 .article__content .books__book__meta{font-family:Mija}.books__book__meta li{margin-bottom:.5em;line-height:1.4;padding-left:30px;background-size:auto 20px;background-repeat:no-repeat;background-position:left top}.book__meta__author{background-image:url(/e931d36d522214712667d1bfed00e960cc814fdb/45d22/images/icons/author.svg)!important}.book__meta__tags{background-image:url(/180a9e7926b4d2c9bfd3f4bf64c4e651404eb5ca/4eb18/images/icons/tags.svg)!important}.book__meta__published{background-image:url(/b72078d9329fd2931a168375356fd2f1c71110cf/bde3f/images/icons/published.svg)!important}.articlepage .article__meta li:after{content:""}.articlepage .advertisement,.articlepage .article__related-articles__title,.articlepage .article__related-articles__title+.article--grid__container,.articlepage .load-more,.articlepage .product-panel--book,.articlepage [data-component=CommentsArea]{display:none}.articlepage:before{border-bottom:8px solid #ddd!important;display:block}.articlepage .article--navigation,.articlepage .job-board--featured,.articlepage .newsletter-container{display:none}.articlepage #main,.articlepage article{margin:0!important;padding:0!important}.articlepage .author a{padding-bottom:0!important;margin-bottom:0!important;z-index:4;overflow:hidden}.articlepage .author{max-height:200px}.articlepage .collapsible{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;border-top:8px solid #eee;border-bottom:8px solid #eee;padding-bottom:.5em;z-index:9!important}.articlepage .collapsible__content{max-height:1500px;position:static;left:auto;right:auto;margin-left:0;margin-right:0}.articlepage [data-handler=ContentTabs]{border-top:8px solid #eee;border-bottom:8px solid #eee}.articlepage .article__summary,.articlepage .article__toc{display:table-cell!important}.articlepage .article__summary{width:97.5%;padding-right:2.5%;border-bottom:0;padding-bottom:.75em}.articlepage .article__summary h5{padding-bottom:1em}.articlepage .article__toc{width:47.5%;padding-left:2.5%;padding-top:1.5em}.articlepage .article__toc h5{padding-left:0}.articlepage .article__toc a{padding:0}.articlepage .article__content a[href]{line-height:1.65;color:#006fc6;text-decoration:none;background-image:none}.articlepage .article__content .author a[href]{color:#666!important}.articlepage .article__content .author a[href]::after{content:""}.articlepage .article__content .author figcaption a[href]::after,.articlepage .article__content a[href]::after{content:" (↦ " attr(href) ")";word-wrap:break-word;font-style:italic;font-size:.9em;white-space:wrap;opacity:.75!important;display:inline;color:#222!important;text-decoration:none!important;background-image:linear-gradient(#222,#222)!important}.articlepage .article__content .books__book__meta li{display:inline}.articlepage .article__content .books__book__meta .book__meta__bird{display:none}.articlepage .article__content .books__book__meta a[href]::after{content:""}.articlepage .article__content figure a[href]{margin-bottom:0;padding-bottom:0}.articlepage .footer__topics__list,.articlepage .footer__topics__title{display:none}.articlepage .footer__links,.articlepage .footer__links a,.articlepage .footer__notes,.articlepage .footer__notes a{color:#222!important;background-color:transparent!important;text-shadow:none!important}.articlepage .main-footer{text-align:center;margin:0 auto}.articlepage .main-footer:before{content:url(/a2efab19a2719123484be1e6ec8139881081eb8e/47391/images/smashing-cat/cat-felix-the-cat.svg);width:200px!important;z-index:9;padding:.45em 0 .45em .7em;display:inline-block;white-space:pre;text-align:center;margin:1.5em auto 0 auto!important}.articlepage .main-footer:after{content:"Cats can be forgetful, but we are not. \A Thanks for being truly smashing — yet again. \A www.smashingmagazine.com";font-style:italic;color:#333!important;line-height:1.5em;margin-top:1.5em!important;display:inline-block;white-space:pre;text-align:center;width:100%}.dashboard .announcement,.dashboard .dashboard__header,.dashboard .main-footer,.dashboard .main-header,.dashboard .order-details__secondary-actions,.dashboard .tablesaw-bar{display:none}.dashboard main{position:relative}.dashboard main::before{content:url(/25cafb7b77cb0cf2c80f823c976ee4f67c42e5fa/71316/images/smashing-cat/cat-with-bottle-mouse.svg);width:200px!important;z-index:9;padding:.45em 0 .45em .7em;position:absolute;top:7.35em;right:0}.dashboard .dashboard::before{content:"Smashing Magazine";font-size:2em;font-weight:700;border-bottom:8px solid #ddd;padding:0 0 .25em 0;margin:.25em 0 1em 0;width:100%;display:block}.wf-loaded-stage1 .dashboard .dashboard::before{font-family:MijaInitial}.wf-loaded-stage2 .dashboard .dashboard::before{font-family:Mija}.dashboard .dashboard::after{content:"Cats can be forgetful, but we are not. \A Thanks for being truly smashing — yet again. \A www.smashingmagazine.com";font-style:italic;font-size:.9em;color:#ccc;line-height:1.5em;margin-top:2.5em;display:block;width:85%;white-space:pre}.dashboard .container{padding:0;width:auto;max-width:auto}.dashboard .col,.dashboard .row{padding:0}.dashboard .dashboard__tab-section{padding:0}.dashboard .order-details__header{display:block;float:none;padding:0;margin-bottom:2em}.dashboard .order-details__order-nb span{display:inline-block;font-size:1em;text-transform:none}.dashboard .order-details--success .order-details__order-nb h2{font-size:1.5em}.dashboard .order-details__address .billing-status,.dashboard .order-details__address address,.dashboard .order-details__address h3{margin:0 0 1em 0}.dashboard .paid{color:#41b14f!important}.dashboard .order-details__order-nb-wrapper{display:block;width:100%;float:none}.dashboard .order-details__downloads{display:none}.dashboard .order-details__address-wrapper{float:none;display:inline-block;margin:0;padding:0;width:42.75%}.dashboard .order-details__footer td,.dashboard .order-details__footer th{padding-top:.25em;padding-bottom:.25em}.dashboard .order-details__sum-total th{font-size:1.5em}.dashboard .order-details__sum-total td{font-size:1.5em}.dashboard .order-details__address{background:0 0;padding:0}.dashboard .dashboard__table{margin-bottom:0}.dashboard .dashboard__table td,.dashboard .dashboard__table th{padding:.75em}.dashboard .dashboard__table--order-details .order-details__item__name{padding-left:.75em;font-size:1.1em;width:55%}}