.blog-post-container{display:revert}.article-tags-container .group-block-content div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.article-tags-container p{opacity:1!important;display:inline-block;margin:0;font-size:13px;font-weight:600;color:#de7d49;padding:6px 16px;background:#de7d494d;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:20px}.article-hero .background-image-container img{object-position:top;object-fit:cover;width:100%;height:100%}.article-content{display:flex!important;flex-direction:row;gap:48px}.article-content aside.toc{width:298px}.article-content aside.toc .toc-container{position:sticky;top:125px;height:fit-content;max-height:calc(100vh - 125px);overflow:auto}.article-content aside.toc h2{font-size:18px;display:flex;justify-content:space-between}.article-content aside.toc h2 svg{display:none;width:20px}.article-content aside.toc ol{border-left:1px solid #D9D9D9;position:relative;padding:0}.article-content aside.toc li{list-style:none;padding-left:15px;margin:0;cursor:pointer}.article-content aside.toc li:hover{color:#de7d49}.article-content aside.toc li.second-level{padding-left:35px}.article-content aside.toc li.selected{color:#de7d49;border-left:2px solid #DE7D49;position:relative;left:-1px}.article-content aside.toc li:not(:last-of-type){margin-bottom:10px}.article-content aside.toc li a{color:inherit;font-size:16px;cursor:pointer}.article-content aside.cards{flex-shrink:0;width:270px}.article-content aside.cards .leighton-card{background-color:#f2f3f2;border-radius:32px;padding:20px 24px 30px;margin-bottom:37px}.article-content aside.cards p{margin:0}.article-content aside.cards .leighton-card .leighton-card__image{aspect-ratio:1.1 / 1;overflow:hidden;border-radius:32px;margin-bottom:40px}.article-content aside.cards .leighton-card .leighton-card__image img{scale:1.45;position:relative;top:20%;right:6%}.article-content aside.cards .leighton-card .leighton-card__name,.article-content aside.cards .leighton-card .leighton-card__greeting{font-size:32px}.article-content aside.cards .leighton-card .leighton-card__greeting{line-height:1}.article-content aside.cards .leighton-card .leighton-card__name{font-weight:700;margin-bottom:10px}.article-content aside.cards .leighton-card .leighton-card__bio{margin-bottom:20px}.article-content aside.cards .leighton-card .leighton-card__link{font-weight:600}.article-content aside.cards .course-card{background-color:#2b322e;border-radius:32px;padding:30px 24px;color:#fff;position:relative}.article-content aside.cards .course-card__title{font-size:32px;font-weight:700;margin-bottom:14px}.article-content aside.cards .course-card__subtitle{font-size:24px;margin-bottom:14px}.article-content aside.cards .course-card__desc{margin-bottom:35px}.article-content aside.cards .course-card__form{background-color:#fffc;padding:20px 17px;border-radius:6px}.article-content aside.cards .course-card__icon{position:absolute;width:82px;right:-26px;top:30px}.article-content main p{opacity:.85}.article-content main h2,.article-content main h3,.article-content main h4,.article-content main h5,.article-content main h6{margin-bottom:32px;margin-top:90px;font-size:32px}.article-content main p{margin-bottom:32px}section.code-block{border-radius:12px;border:2px solid #fbf0e8;overflow:hidden}section.code-block>*{padding:10px 20px}section.code-block header{display:flex;justify-content:space-between;align-items:center;background-color:#fcf6f0}section.code-block header div.filename{font-size:13px;line-height:1;opacity:.5}section.code-block header button.copy-code{background-color:#de7d491f;border:none;cursor:pointer;font-size:16px;color:#de7d49;font-weight:700;padding:8px 12px;line-height:1;border-radius:6px}section.code-block main{background-color:#f6decf14}section.code-block main pre{background:none;margin:0;padding-top:25px;padding-bottom:25px}section.code-block main pre *{font-weight:600;font-family:Source Code Pro,monospace}section.code-block main pre code{opacity:.8}section.code-block main pre .line-numbers-rows{border:none}section.code-block main pre .line-numbers-rows *:before{font-family:Source Code Pro,monospace;font-weight:800;color:#8fa3ae99}section.good-to-know,section.heads-up,section.pro-tip,section.mistake{border-radius:12px;padding:38px 30px 22px;position:relative;font-size:16px;margin-top:40px}section.good-to-know p,section.heads-up p,section.pro-tip p,section.mistake p{margin:0}section.good-to-know p:first-of-type,section.heads-up p:first-of-type,section.pro-tip p:first-of-type,section.mistake p:first-of-type{padding:12px 16px;border-radius:17px;position:absolute;top:0;left:20px;transform:translateY(-50%);font-size:13px;font-weight:700;line-height:1}section.good-to-know{background-color:#e5f4f936;border:2px solid #E5F4F9;color:#1a6b8a}section.good-to-know p:first-of-type{color:#1a6b8a;background-color:#e5f4f9}section.heads-up{background-color:#fdf6e336;border:2px solid #FDF6E3;color:#5a4400}section.heads-up p:first-of-type{color:#d4a017;background-color:#fdf6e3}section.pro-tip{background-color:#e1f2d429;border:2px solid #E1F2D4;color:#2d5a15}section.pro-tip p:first-of-type{color:#4a8c2a;background-color:#e1f2d4}section.mistake{background-color:#fbf4f436;border:2px solid #FBF4F4;color:#e03636}section.mistake p:first-of-type{color:#e03636;background-color:#fbf4f4}section.quote{display:flex;gap:17px;background-color:#de7d4905;border:1px solid #DE7D4924;border-radius:16px;padding:36px 40px;color:#de7d49;position:relative;margin-bottom:40px}section.quote p{margin:0}section.quote figure{margin:0}section.quote figure blockquote{margin:16px 0;padding:0;border:none;font-size:22px;line-height:34px;font-weight:300;color:#2b322e;font-style:normal}section.quote figure figcaption{font-weight:400;font-size:14px;line-height:1}section.quote div.links{flex-shrink:0;font-size:14px;display:flex;flex-direction:column;align-items:end;gap:12px}section.quote div.links a{line-height:1}section.quote div.links svg{opacity:.55;cursor:pointer}section.quote .copy-share svg:last-child{display:none}section.quote .copy-share.copied svg:first-child{display:none}section.quote .copy-share.copied svg:last-child{display:inline;animation:check-pop .2s ease forwards}@keyframes check-pop{0%{transform:scale(.7)}to{transform:scale(1)}}section.quote div.links a:first-of-type{margin-top:24px}@media(max-width:750px){section.quote{margin-bottom:70px}section.quote div.links{position:absolute;bottom:0;right:10px;transform:translateY(calc(100% + 10px));flex-direction:row;align-items:center}section.quote div.links a:first-of-type{margin-top:0;margin-left:3px}}@media(max-width:1280px){.article-content{flex-wrap:wrap}.article-content aside.toc{width:calc(30% - 24px)!important}.blog-post-content,.article-content>main .blog-post-comments-container{max-width:revert!important;margin:0!important}.article-content>main{width:calc(70% - 24px)!important}.article-content aside.cards{width:100%;display:flex;gap:20px;max-height:revert;justify-content:center}.article-content aside.cards>*{flex:1;max-width:330px}.article-content aside.cards section.leighton-card{margin-bottom:0}}@media(max-width:850px){.article-content aside.toc,.article-content main{width:100%!important}.article-content aside.toc .toc-container{position:revert!important;top:revert!important;height:fit-content;overflow:revert;max-height:revert}section.code-block main pre{font-size:14px}.article-content aside.cards .course-card__icon{right:-19px}.article-content aside.toc .toc-container{overflow:hidden;height:22px;transition:.5s}.article-content aside.toc .toc-container.open{height:var(--height)}.article-content aside.toc .toc-container.open h2 svg{transform:rotate(180deg)}.article-content aside.toc h2{cursor:pointer}.article-content aside.toc h2 svg{display:revert;transition:.5s}.article-hero .blog-post-hero-container{padding:40px 0 50px!important}.hero-section{margin-bottom:40px}.article-content{gap:25px}}@media(max-width:750px){.article-content aside.cards{flex-direction:column}.article-content aside.cards>*{max-width:revert}}.blog-post-comments{margin-top:60px}.blog-post-comments__form-container{margin-left:revert;margin-right:revert;margin-top:22px!important}.blog-post-comment>p{margin-bottom:0!important}.blog-post-comment__author{font-weight:700}.blog-post-comment:after{content:"";display:block;width:100%;height:1px;background-color:#000;opacity:.2;margin-top:20px;margin-bottom:-20px}.blog-post-comments-container>h2{font-size:32px!important;margin-bottom:22px!important}.blog-post-comments__form-container>h3{font-size:22px!important}.you-may-also-like{background-color:#fcf6f0;padding:72px 54px;border-radius:48px}.you-may-also-like>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.you-may-also-like>header h2{font-size:36px;margin:0}.you-may-also-like>header a{font-size:16px;font-weight:600}.you-may-also-like>main{column-gap:30px}@media(min-width:1040px){.you-may-also-like>main article.blog-post{width:calc(50% - 15px)}}@media(max-width:680px){.you-may-also-like>header{display:flex;flex-direction:column;gap:20px}.you-may-also-like>header h2{align-self:flex-start}.you-may-also-like>header a{align-self:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/article.css.map */