:root{--color-light-blue:#c8e5fb;--section-large-width:960px;--article-width:755px;--page-width:1140px;--page-width-narrow:540px;--font-text:"Teachers","NimbusSansD","Fakt Pro","URW Geometric","URWGrotesk","RooneySans",serif;--font-headline:"DM Sans","URW Geometric","Nimbus Sans D OT","Futura PT",sans-serif;--font-code:"ApercuMono","consolas",monospace;--body-width:760px;--side-width:calc(var(--page-width) - var(--body-width));--cover-width:1200px;--view-width:~"calc(100vw - 17px)";--light-blue-color:#a6dcf3;--smartphones:~"only screen and (max-width: 480px)";--smartphones-portrait:~"only screen and (min-width: 481px) and (max-width: 600px)";--tablets:~"only screen (min-width: 601px) and (max-width: 800px)";--tablets-portrait:~"only screen and (min-width: 801px) and (max-width: 1300px)";--highlight-color:#fff59d;--content-width-narrower:370px;--content-width-narrow:650px;--content-width:1080px;--max-page-width:1920px;--blue-color:#005fb3;--yellow-color:#ffea00;--red-color:#e70051;--header-height:60px}.post-wrapper.preview>.post-cover{height:calc(100vh - var(--header-height))!important;background:#faebd7!important}.post-wrapper.preview>.post-body,.post-wrapper.preview>.post-feedback,.post-wrapper.preview>.related-post-bg{display:none}.post-cover{height:calc(100vh - var(--header-height));background:linear-gradient(#faebd7 0%,#fcf4e8f9 82%,#fff 100%)}.post-cover>.post-header{color:#000;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 0;display:flex;position:relative}.post-cover>.post-header>.post-titles{position:relative}.post-cover>.post-header>.post-titles>.title{font-family:var(--font-text);text-align:center;font-size:6.4rem;font-weight:700;line-height:1;display:flex}.post-cover>.post-header>.post-titles>.subtitle{text-align:center;font-size:2.5rem;font-weight:400;font-family:var(--font-text);margin-top:20px}.post-cover>.post-header>.post-titles>.post-link{cursor:pointer;z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}.post-cover>.post-header>.author{text-transform:uppercase;margin-top:20px;font-size:1.4rem;font-weight:400}.post-cover>.post-header>.meta{flex-direction:row;align-items:center;display:flex}.post-cover>.post-header>.meta.category{opacity:.8;margin-top:50px;margin-bottom:10px;font-size:1.5rem;font-weight:500}.post-cover>.post-header>.meta.published-on{font-size:1.7rem;font-weight:400}.post-cover>.post-header>.meta>.icon{background-color:#fff;border-radius:50%;width:30px;height:30px;margin-right:10px;overflow:hidden}.post-cover>.post-header>.meta>.icon>img{width:100%}.post-cover>.post-header>.meta>.content{text-transform:uppercase;line-height:1;display:flex}.post-cover>.go-down{cursor:pointer;position:absolute;bottom:40px;left:50%}.post-cover>.go-down>.icon{fill:#fff;width:32px;height:32px}.post-body{color:#000;padding-top:50px;padding-bottom:20px;position:relative}.post-body>.metadata{align-items:center;margin-bottom:40px;display:flex}.post-body>.metadata>.data{margin-left:10px}.post-body>.metadata>.data>a{text-decoration:underline}.post-body>.btn-theme{border:2px solid #222;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:30px;right:40px}.post-body>.btn-theme:before{content:"";background:#222;border-radius:50%;width:10px;height:10px;display:flex}.post-body>h2{font-size:2.1rem;font-weight:500}.post-body p{width:var(--article-width);font-family:var(--font-text);margin:20px auto;font-size:1.9rem;font-weight:400;line-height:1.67}.post-body p>code{font-family:var(--font-code)}.post-body p>strong{font-weight:600}.post-body p>a{cursor:pointer;text-decoration:underline}.post-body p.colophon{margin-top:80px;font-style:italic}.post-body pre{width:var(--article-width);margin:40px auto}.post-body pre>code{font-family:var(--font-code)}.post-body>figure{width:var(--article-width);flex-direction:column;margin:50px auto;display:flex}.post-body>figure.full{width:100%}.post-body>figure.large{width:var(--page-width)}.post-body>figure>figcaption{text-transform:uppercase;margin-top:30px;font-size:1.2rem;font-weight:400;line-height:1}.post-body>figure>img{width:100%;height:auto}.post-feedback{background:linear-gradient(119deg,#f9f9f9 0%,#edf0f2 45%,#f9f9f9 100%);flex-direction:column;padding-top:50px;padding-bottom:50px;display:flex}.post-feedback .comments{flex-direction:column;display:flex}.post-feedback .comments>.heading{align-items:baseline;margin-bottom:25px;display:flex}.post-feedback .comments>.heading>h2{font-size:2.6rem;font-weight:400;line-height:1}.post-feedback .comments>.heading>.count{flex-shrink:0;justify-content:center;align-items:center;margin-left:10px;font-size:1.4rem;font-weight:400;display:flex}.post-feedback .comments>ul.comment-list{flex-direction:column;margin-bottom:50px;display:flex}.post-feedback .comments>ul.comment-list>li{border-top:1px solid #dadce0}.post-feedback .comments .btn-add{cursor:pointer;text-transform:uppercase;color:#222;border:1px solid #666;justify-content:center;align-self:center;align-items:center;width:180px;height:50px;font-size:1.4rem;font-weight:600;display:flex}.post-related{padding-top:40px;padding-bottom:40px}.post-related>.title{text-align:center;margin-bottom:30px;font-size:2.6rem;font-weight:500}.post-related>.heading{align-items:baseline;margin-bottom:20px;display:flex}.post-related>.heading>.tag{margin-right:5px;font-size:1.7rem}.post-related>.heading>.tag:before{content:"#"}.related-post-bg{background:linear-gradient(129deg,#dfe2f1,#dde3f2 14%,#dce4f3 23%,#d6e9f7 71%,#d8f0eb)}.clamp{-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}