.case-study-page :target{-webkit-animation:5s target-fade;-moz-animation:5s target-fade}@-webkit-keyframes target-fade{0%{background-color:#e5ff0080}to{background-color:#e5ff0000}}@-moz-keyframes target-fade{0%{background-color:#e5ff001a}to{background-color:#e5ff0000}}.case-study-page .article{flex-direction:row-reverse;justify-content:space-between;max-width:1200px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex}.case-study-page .bg-gradient{background:linear-gradient(179deg,#1b1e24 0%,#2e323e 100%)}.case-study-page .case-study-content{color:#666;font-size:18px;font-style:normal;font-weight:400;line-height:30px}.case-study-page .case-study-content a{color:#09f}.case-study-page .fin-end{align-items:center;width:100%;max-width:1200px;margin:64px auto;display:flex}.case-study-page .find-end-line{border-top:1px solid #e6e6e6;width:50%}.case-study-page .find-end-image{margin:0 1rem}.case-study-page .back{letter-spacing:.01em;color:#222428;outline:none;justify-content:space-between;align-items:center;width:85px;margin-bottom:75px;font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-decoration:none;display:flex}.case-study-page .back:hover{filter:invert(44%)sepia(70%)saturate(7055%)hue-rotate(215deg)brightness(101%)contrast(102%)}.case-study-page .article-body{flex:4;max-width:760px}.case-study-page .article-description{color:#666;mix-blend-mode:normal;margin-bottom:20px;font-size:18px;font-style:normal;font-weight:400;line-height:26px}.case-study-page .right-sidebar{flex:1}.case-study-page .article-body-h1{color:#1c1c1c;margin:0 0 2rem;font-size:36px;font-style:normal;font-weight:600;line-height:48px}.case-study-page .case-study-content h2{color:#1c1c1c;margin:3rem 0 1rem;font-size:28px;font-style:normal;font-weight:600;line-height:40px}.case-study-page .case-study-content h3{color:#1c1c1c;margin:2.5rem 0 1rem;font-size:20px;font-style:normal;font-weight:500;line-height:24px}.case-study-page .case-study-content h3 strong{margin:2.5rem 0 1rem;font-size:20px;font-style:normal;font-weight:500;line-height:24px}.case-study-page .case-study-content strong{color:#1c1c1c;font-weight:500}.case-study-page .case-study-content h4{margin-top:38px}.case-study-page .case-study-content p,.case-study-page .case-study-content li{color:#696969;font-size:18px;font-style:normal;font-weight:400;line-height:1.6}.case-study-page .cover-image{object-fit:cover;border-radius:4px;width:100%;max-height:481px}.case-study-page .article-tag{color:#333c;width:fit-content;margin-top:2rem;margin-bottom:10px;font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-decoration:underline;display:flex}.case-study-page .article-tag:active{color:#fff;background:#0585dd}.case-study-page .author-meta-row{flex-direction:column;margin-bottom:3rem;display:flex}.case-study-page .author-meta-row .author-section{margin-top:0;margin-bottom:4px}.case-study-page .illustrator{margin:8px 0 0}.case-study-page .illustrator article{color:var(--neutral-700);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.case-study-page .illustrator-details{color:var(--neutral-700);text-decoration:none}.case-study-page .illustrator-details.no-highlight{color:var(--neutral-700)!important}.case-study-page .illustrator-details:hover{color:#09f}.case-study-page .cover-image-container{margin:0 0 48px}.case-study-page .left-sidebar{max-width:360px}@media only screen and (width>=1281px){.case-study-page .left-sidebar{width:100%;max-width:360px}}.case-study-page .markdown-content img,.case-study-page .markdown-content pre{margin:16px 0}.case-study-page .markdown-content pre{border-radius:6px;position:relative}.case-study-page .case-study-content pre{font-size:1rem;line-height:150%;overflow:scroll}.case-study-page .case-study-content pre code{word-wrap:break-word;border-radius:4px}.case-study-page .case-study-content code{word-wrap:break-word}.case-study-page .markdown-content img{max-width:100%;margin:16px auto;display:flex}.case-study-page .markdown-content blockquote:before{content:url(/images/quotesymbol.svg);width:40px;height:40px;position:absolute}.case-study-page .markdown-content blockquote{margin:3rem 0;position:relative}@media (width>=760px){.case-study-page .cards:not(:first-child):before{content:"";background-color:#3a3f51;width:2px;height:60%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}}.case-study-page .markdown-content blockquote p{color:#696969;margin:0 0 0 4rem;font-size:24px;font-style:normal;font-weight:600;line-height:40px}.case-study-page .markdown-content iframe{width:100%;height:50vh;margin:16px 0}.case-study-page .article-metadata{color:#696969;font-size:14px;display:flex}.case-study-page .article-date,.case-study-page .article-metadata img{margin-right:10px}.case-study-page .breadcrumb-parent{z-index:10;background:#fff;max-width:1200px;margin:2rem auto 1rem;padding:1rem 0;position:sticky;top:71px}.case-study-page .breadcrumbs{text-overflow:ellipsis;white-space:nowrap;flex-direction:row;align-items:center;max-width:1440px;margin-left:auto;margin-right:auto;display:block;overflow:hidden}.case-study-page .breadcrumb-item{color:#333;text-transform:capitalize;font-size:16px;font-style:normal;font-weight:400;line-height:20px;text-decoration:none}.case-study-page .breadcrumb-item.active{color:#09f}.case-study-page .breadcrumb-separator{color:#22242833;margin-right:10px}.case-study-page .breadcrumb-item:hover{color:#222428cc}.case-study-page .arrow-image-breadcrumb{padding:0 8px}@media only screen and (width<=1400px){.case-study-page .article-body{min-width:0}}@media only screen and (width<=1280px){.case-study-page .article{max-width:56.5rem}.case-study-page .fin-end{width:90%;max-width:56.5rem}}@media only screen and (width<=984px){.case-study-page .article-body{width:47.5rem;max-width:47.5rem}}@media only screen and (width<=768px){.case-study-page .article-body-h1{margin-bottom:1rem;font-size:28px;font-style:normal;font-weight:600;line-height:40px}.case-study-page .case-study-content h2{margin-top:32px;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.case-study-page .case-study-content h3{font-size:18px;font-style:normal;font-weight:500;line-height:24px}.case-study-page .case-study-content p,.case-study-page .case-study-content li{font-size:16px;font-style:normal;font-weight:400;line-height:1.6}.case-study-page .markdown-content blockquote:before{transform:scale(.7)}.case-study-page .markdown-content blockquote p{color:#696969;margin:0 0 0 3rem;font-size:20px;line-height:30px}.case-study-page .article-date,.case-study-page .read-time{font-size:14px}.case-study-page .author-meta-row{width:100%}.case-study-page .seperator-circle{width:10px;height:10px}.case-study-page .article-metadata{align-items:center}}.case-study-page .code-toolbar{align-items:center;width:100%;padding-bottom:25px;display:flex}.case-study-page .toolbar-circle{cursor:pointer;border-radius:50%;width:12px;height:12px;margin-right:10px}.case-study-page .toolbar-circle.red{background-color:#ff605c}.case-study-page .toolbar-circle.yellow{background-color:#ffbd44}.case-study-page .toolbar-circle.green{background-color:#00ca4e}.case-study-page .hljs-copy{cursor:pointer;color:#fff;background:0 0;border:1px solid #e6e6e6;border-radius:4px;justify-content:center;align-items:center;margin-top:6px;margin-left:auto;margin-right:6px;padding:8px;display:flex;position:absolute;right:0}.case-study-page .hljs-copy:hover{color:#fff;background:#000}.case-study-page .case-study-content p{margin-block:1em}.case-study-page .case-study-content ul{padding-left:20px}.case-study-page .case-study-content ul li{margin-top:10px;padding-left:10px;position:relative}.case-study-page .case-study-content ol{padding-left:20px}.case-study-page .case-study-content ol li{margin-top:10px;padding-left:5px;list-style-type:decimal}.case-study-page .case-study-content ul li:before{content:"•";color:#696969;width:8px;height:8px;font-size:1.5em;position:absolute;top:-10px;left:-12px}