code[class*=language-],pre[class*=language-]{word-wrap:normal;background:0 0;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre{box-sizing:border-box;margin:1em 0 1.618em;padding:0}pre.code-snippet,pre[class*=language-]{width:100%}pre.code-snippet>code,pre[class*=language-]>code{padding:2.1rem 1em}code.code-snippet,code[class*=language-]{background-color:#151515;background-image:none;border-color:#151515;border-radius:.5rem;box-shadow:-1px 0 0 0 #151515,0 0 0 1px rgba(173,173,173,.5);color:#adadad;display:block;font-weight:600;overflow:auto;padding:2.1rem 1em}code.code-snippet.m--pre-wrap,code[class*=language-].m--pre-wrap{white-space:pre-wrap}.inline-code,.m--article-text code{background-color:#151515;border-radius:.4rem;padding:.2em .4em}pre[class*=language-]:after,pre[class*=language-]:before{box-shadow:0 1.3rem .8rem rgba(0,0,0,.3)!important}pre.code-snippet.language-css,pre.code-snippet.language-html,pre.code-snippet.language-js,pre[class*=language-].language-css,pre[class*=language-].language-html,pre[class*=language-].language-js{background-color:#222;margin:1em 0 3.4rem}@media screen and (min-width:640px){pre.code-snippet.language-css,pre.code-snippet.language-html,pre.code-snippet.language-js,pre[class*=language-].language-css,pre[class*=language-].language-html,pre[class*=language-].language-js{margin-bottom:5.5rem}}pre.code-snippet.language-css>code,pre.code-snippet.language-html>code,pre.code-snippet.language-js>code,pre[class*=language-].language-css>code,pre[class*=language-].language-html>code,pre[class*=language-].language-js>code{background-color:#151515;background-image:none;border-color:#080808;border-radius:.5rem;box-shadow:-1px 0 0 0 #151515,0 0 0 1px rgba(173,173,173,.5);box-sizing:border-box;color:#adadad;display:block;font-weight:600;overflow:auto;padding:2.1rem 1em}pre.code-snippet.language-css>code.m--pre-wrap,pre.code-snippet.language-html>code.m--pre-wrap,pre.code-snippet.language-js>code.m--pre-wrap,pre[class*=language-].language-css>code.m--pre-wrap,pre[class*=language-].language-html>code.m--pre-wrap,pre[class*=language-].language-js>code.m--pre-wrap{white-space:pre-wrap}pre.code-snippet.language-css>code .token.operator,pre.code-snippet.language-html>code .token.operator,pre.code-snippet.language-js>code .token.operator,pre[class*=language-].language-css>code .token.operator,pre[class*=language-].language-html>code .token.operator,pre[class*=language-].language-js>code .token.operator{background-color:transparent}pre.code-snippet.language-css .token.string,pre[class*=language-].language-css .token.string{background-color:rgba(37,37,37,.4)}@media screen and (max-width:639px){.article-spot{align-items:center;background-color:#151515;border-radius:.8rem;box-sizing:border-box;display:flex;flex-direction:column;height:34rem;justify-content:space-between;margin:0 1.7rem 1.7rem;overflow:hidden;padding:0;position:relative;scroll-snap-align:center;width:calc(90vw - 3.4rem)}.article-spot:active,.article-spot:hover,.article-spot:link,.article-spot:visited{padding:0}.article-spot.m--highlight:before{background-color:#ff7705;border-radius:.5rem;color:#fff;content:"NEW";left:.5rem;padding:.5rem .8rem;position:absolute;top:.5rem;z-index:10}}@media screen and (max-width:639px)and (max-width:1023px){.article-spot{flex:0 1 30rem}}@media screen and (max-width:639px){.article-spot__image{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.article-spot__image.m--no-mod{height:auto;left:unset}.article-spot__image.m--darker{filter:brightness(.5)}.article-spot__container{background-image:linear-gradient(transparent,#000);bottom:0;box-sizing:border-box;color:#fff;height:75%;left:0;padding:1.618em;position:absolute;right:0}.article-spot__container.m--light{background-image:linear-gradient(transparent,hsla(0,0%,100%,.2))}.article-spot__title{color:#fff;font-size:1.8rem;text-align:left;width:75%}.article-spot__text{font-weight:400;text-align:left;width:75%}.article-spot__read-time{bottom:1.618rem;right:1.618rem;width:auto}.article-spot__read-time,.article-spot__tags{font-size:1rem;font-weight:400;position:absolute}.article-spot__tags{color:rgba(0,0,0,.5);right:1.618em;text-align:right;text-transform:uppercase;top:1.618em;width:50%}.article-spot__tags.m--white{color:rgba(255,255,255,.6)}}@media screen and (min-width:640px){.article-spot{align-items:center;background-color:#151515;border-radius:.8rem;box-sizing:border-box;display:flex;flex:0 1 30rem;flex-direction:column;height:40rem;height:34rem;justify-content:space-between;margin:0 .85rem 1.7rem;overflow:hidden;padding:0;position:relative}.article-spot:active,.article-spot:hover,.article-spot:link,.article-spot:visited{padding:0}.article-spot.m--highlight:before{background-color:#ff7705;border-radius:.5rem;color:#fff;content:"NEW";left:.5rem;padding:.5rem .8rem;position:absolute;top:.5rem;z-index:10}}@media screen and (min-width:640px)and (max-width:1023px){.article-spot{flex:0 1 30rem}}@media screen and (min-width:640px){.article-spot__image{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.article-spot__image.m--no-mod{height:auto;left:unset}.article-spot__image.m--darker{filter:brightness(.5)}.article-spot__container{background-image:linear-gradient(transparent,#000);bottom:0;box-sizing:border-box;color:#fff;height:75%;left:0;padding:1.618em;position:absolute;right:0}.article-spot__container.m--light{background-image:linear-gradient(transparent,hsla(0,0%,100%,.2))}.article-spot__title{color:#fff;font-size:2.1rem;text-align:left;width:75%}.article-spot__text{color:#fff;font-weight:400;text-align:left;width:75%}.article-spot__read-time{bottom:1.618rem;right:1.618rem;width:auto}.article-spot__read-time,.article-spot__tags{font-size:1rem;font-weight:400;position:absolute}.article-spot__tags{color:rgba(0,0,0,.5);font-family:Verdana,Geneva,Tahoma,sans-serif;right:1.618em;text-align:right;text-transform:uppercase;top:1.618em;width:50%}.article-spot__tags.m--white{color:rgba(255,255,255,.6)}}@media screen and (min-width:1024px){.article-spot{height:40rem}}.article-spot__all-container{text-align:center}.article-spot__all-button{margin:0!important}html{scroll-behavior:smooth}.article-nav{display:flex;flex-direction:column}.article-nav__title{font-size:1.6rem}.article-nav__container{display:flex;flex-direction:column;margin:0 0 3.4rem}.article-nav__anchor{font-size:1.1rem}.article-nav__anchor:active,.article-nav__anchor:hover,.article-nav__anchor:link,.article-nav__anchor:visited{font-weight:300}.article-nav__trigger-title{font-size:0!important}@media screen and (max-width:639px){.article-nav{margin-bottom:1.3rem;min-height:8rem;padding:0}.article-nav__wrapper{box-sizing:border-box;margin:1.3rem 0 0;padding:2.1rem}.article-nav__container{margin:0}}@media screen and (min-width:640px){.article-nav{position:sticky;top:0}}@media screen and (min-width:1024px){.article-nav{top:8.9rem}}.article-nav__button.m--mini.ext-link:after{filter:grayscale(1)}.article-nav__anchor,.article-nav__anchor:active,.article-nav__anchor:hover,.article-nav__anchor:link,.article-nav__anchor:visited{color:#adadad;text-decoration:none}@media screen and (max-width:639px){.article-nav__wrapper{background-color:#252525}}.share-link{-moz-column-gap:0;column-gap:0}.share-link:after{content:"";display:inline-block;height:2rem;vertical-align:middle;width:2rem}.share-link.m--email:after{height:1.6rem;width:1.6rem}.share-link:after{background-color:currentColor}.share-link.m--twitter:after{-webkit-mask-image:url(/assets/images/twitter.0f2cbddf60f4d68beefe.svg);mask-image:url(/assets/images/twitter.0f2cbddf60f4d68beefe.svg)}.share-link.m--email:after{-webkit-mask-image:url(/assets/images/mail.e979856e2b86cf19bf26.svg);mask-image:url(/assets/images/mail.e979856e2b86cf19bf26.svg)}