.article-template__hero-container{position:relative}.article-title-with-image{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:0!important}.breadcrumbs,.breadcrumbs a,.article-template__title,.article-date-text,.article-author-text{color:#fff}.article-tag-row{display:flex;align-items:center}.tag-header{display:inline-block;vertical-align:middle;margin-bottom:10px}.tag-header svg{display:inline-block;vertical-align:middle;width:21px;height:21px;margin-right:5px;fill:currentColor;stroke:currentColor}.tag-list{display:inline-block;vertical-align:middle;list-style:none;padding:0;margin:0}.tag-list .item{display:inline-block;vertical-align:middle;margin:0 0 10px 10px;background-color:#360792;padding:5px 10px 6px;border-radius:6px}.tag-list .item a{color:#fff;text-decoration:none}@media screen and (min-width: 749px){.article-template__title:not(:only-child){margin:3rem 0rem 4rem!important}}@media screen and (max-width: 749px){.article-template__title:not(:only-child){margin-bottom:2.5rem!important}.article-title-with-image{align-items:flex-start;text-align:left;padding:0 2.5rem}.breadcrumbs{margin:0rem 0 2rem}}.article-title-overlay{background:#202527;mix-blend-mode:normal;opacity:.7;position:absolute;left:0;right:0;top:0;bottom:0}.article-title-overlay:empty{display:block}.article__content-left{width:70%}.article__content-right{width:30%;margin-left:5rem}.sticky{position:sticky;top:0;height:100vh;background-color:#fff}.table-of-contents{padding:0 20px;border-left:1px solid #ebebeb;position:absolute;bottom:20px;height:50vh;max-height:calc(100% - 57vh);overflow-y:scroll;width:100%}.copy-success-box{font-size:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#360792;border-radius:12px;padding:8rem 3rem;width:auto;text-align:center;box-shadow:0 0 10px #0003;animation:copy-success-slideIn .5s forwards;z-index:9999}.copy-success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9998}.copy-success-overlay:empty{display:block}@keyframes copy-success-slideIn{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-50%)}}.article__sidebar-banner{position:absolute;top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh}.article__sidebar-banner-top{width:100%}.article__sidebar-banner-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.article__sidebar-banner-overlay{background:#004654;mix-blend-mode:normal;opacity:.8;position:absolute;left:0;right:0;top:0;bottom:0}.article__sidebar-banner-overlay:empty{display:block}.article__sidebar-banner-background-image{position:absolute;top:0;left:0;height:50vh;overflow:hidden;border-radius:12px}.article__sidebar-banner-limited-time,.article__sidebar-banner-text,.article__sidebar-banner-code,.article__sidebar-banner-button{position:relative}.article__sidebar-banner-limited-time{width:100%;text-align:center;color:#fff;background-color:#22a565;padding:5px;border-top-left-radius:12px;border-top-right-radius:12px}.article__sidebar-banner-limited-time p,.article__sidebar-banner-code p,.article__sidebar-banner-text p{margin:0}.article__sidebar-banner-text{color:#fff;font-size:2.5rem;text-align:center;font-weight:600;padding:0 1.5rem 3rem}.article__sidebar-banner-code p{cursor:copy}.article__sidebar-banner-code{display:inline-flex;justify-content:center;align-items:center;color:#222;background:#fff;font-size:1.5rem;text-align:center;font-weight:600;padding:0 3rem;border:3px;border-style:dashed;border-radius:12px;margin-bottom:2rem;min-width:calc(12rem + var(--buttons-border-width) * 2);min-height:calc(4.5rem + var(--buttons-border-width) * 2);position:relative}.copyable-text:hover:after{content:"Copy code";position:absolute;bottom:-50px;left:50%;transform:translate(-50%);padding:5px 15px;border-radius:5px;background-color:#fff;color:#222;font-size:1.5rem;z-index:19999;white-space:nowrap}.copyable-text:hover:before{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;z-index:19999}.article__sidebar-banner-code-icon{position:absolute;top:-17px;left:17px;width:30px;height:30px}.article__sidebar-banner-button a{color:#fff}.article__sidebar-banner-button a:hover{text-decoration:none}.mb-article-toc-btn{display:none}.table-of-contents a{color:rgba(var(--color-foreground),.75);font-size:1.4rem;display:inline-flex;align-items:stretch;flex-wrap:nowrap;line-height:26px}.table-of-contents a.active,.table-of-contents a:hover{text-decoration:none;color:rgba(var(--color-link));transition:all .3s}.table-of-contents a.active:after{border-color:transparent transparent transparent #360792;border-style:solid;border-width:13px 13px;content:"";left:0;position:absolute;transform:scale(.6);transform-origin:left center}.table-of-contents ul{counter-reset:section;list-style:none;padding-left:0}.table-of-contents>nav>ul>li[data-number="1"]>a:before{content:counters(section,".",decimal) ". ";counter-increment:section;display:inline-block;flex-grow:0;flex-shrink:0;margin-right:.5em}.table-of-contents>nav>ul>li[data-number="2"]>a:before{content:"- ";display:inline-block;flex-grow:0;flex-shrink:0;margin-right:.5em}.table-of-contents>nav>ul>li[data-number="3"]>a:before{content:"\2022  ";display:inline-block;flex-grow:0;flex-shrink:0;margin-right:.5em}.table-of-contents>nav>ul>li[data-number="1"]>a:hover:before,.table-of-contents>nav>ul>li[data-number="2"]>a:hover:before{color:rgba(var(--color-link),var(--alpha-link))}.table-of-contents .level-2 a,.table-of-contents .level-3 a{opacity:.6}.table-of-contents .level-2 a:hover,.table-of-contents .level-3 a:hover{opacity:1}.table-of-contents li{margin:8px 0;line-height:26px}.table-of-contents li.level-2{padding-left:20px}.table-of-contents li.level-3{padding-left:40px}@media screen and (max-width: 749px){.article__content-left{width:100%;float:none}.article__sidebar-banner{top:0}.article__sidebar-banner-background-image{border-radius:0}.article__sidebar-banner-limited-time{border-top-left-radius:0;border-top-right-radius:0}.copy-success-box{width:350px}.table-of-contents{bottom:0;border-top:1px solid #ebebeb;background-color:rgb(var(--color-background));max-height:calc(100% - 50vh)}.article__content-right{display:none;position:fixed;z-index:1000;right:0;top:-30rem;width:85%;bottom:0;padding:0;margin:0}.article__content-right.active{display:block}.article__content-right.active .table-of-contents__overlay{position:fixed;top:-30rem;right:0;bottom:0;left:0;background-color:#0000004d}.table-of-contents__overlay:empty{display:block}.sticky{position:sticky;top:0;height:100vh}.table-of-contents li{margin:15px 0 0}.mb-article-toc-btn{z-index:1003;display:grid;justify-items:center;align-content:space-evenly;position:fixed;bottom:90px;right:20px;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out!important;padding:0!important;min-width:calc(4.5rem + var(--buttons-border-width) * 2)!important}.mb-article-toc-btn.show{opacity:1;visibility:visible}.icon-bar{background-color:currentColor;position:relative;display:block;width:15px;height:2px}.icon-bar:nth-child(2){margin:3px 0}.mb-article-toc-btn span.text{font-size:12.5px;font-weight:600;line-height:13px}}.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:30rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:40rem}.article-template__hero-large{height:66rem}}@media screen and (min-width: 990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:50rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width: 750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{display:flex;padding-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.blog-excerpt,.articleBlockQuote,.article-main-image,.article-block,.blog-content-moblie{margin-bottom:35px}.articleBlockQuote p{padding:30px 35px;background-color:#f4f4f4;font-style:italic;font-size:16px;line-height:30px;border:3px dashed #e2e2e2}.article-block-tittle{margin-bottom:25px!important;padding-bottom:0!important;border-bottom:2px solid #e2e2e2!important}.article-block-tittle h2{margin-bottom:-2px!important;padding-bottom:7px!important;border-bottom:2px solid #360792!important;display:inline-block!important}.article-block-subtittle{margin-bottom:15px!important;padding-bottom:0!important;border-bottom:1px solid #e2e2e2!important}.article-block-subtittle h3{margin-bottom:-1px!important;padding-bottom:7px!important;border-bottom:1px solid #360792!important;display:inline-block!important}.article-block-subtittle-subtittle{padding:0}.article-block-subtittle-subtittle h4{margin:1rem 0}.article-block-subtittle-subtittle h4:before{content:"\2022";display:inline-block;flex-grow:0;flex-shrink:0;margin-right:.5em}.article-block .column-2{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.article-block .column-2 .item{width:50%;display:grid;grid-template-rows:max-content minmax(0,1fr) max-content auto}.article-block .item{margin-bottom:30px;align-self:start}.halo-item{padding-left:15px;padding-right:15px}.article-block-subtittle-description{color:#999;font-style:italic;line-height:24px;font-size:16px;margin:0 0 15px}.article-block .halo-row .item img{margin:10px 0}.halo-article-content p{margin:0 0 15px}.article__content-left a{font-weight:600}@media screen and (max-width: 749px){.article-block .column-2 .item{width:100%}}@media (max-width: 1024px){.blog-excerpt,.articleBlockQuote,.article-main-image,.article-block{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-blog-post.css.map */