.phi--modern-article{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--phi-heading: rgba(var(--color-foreground), 1);--phi-text: rgba(var(--color-foreground), .75);--phi-muted: rgba(var(--color-foreground), .55);--phi-soft: rgba(var(--color-foreground), .32);--phi-accent: rgb(var(--color-link));--phi-btn: rgb(var(--color-button));--phi-btn-text: rgb(var(--color-button-text));--phi-bg: rgb(var(--color-background));--phi-surface: rgba(var(--color-foreground), .035);--phi-border: rgba(var(--color-foreground), .08)}.article-template>*:first-child:not(.article-template__hero-container):not(.phi--breadcrumbs-wrapper){margin-top:5rem}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container):not(.phi--breadcrumbs-wrapper){margin-top:calc(5rem + var(--page-width-margin))}}.phi--breadcrumbs-wrapper{padding:17px 6.6rem 0rem}.phi--breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phi--breadcrumb-item{display:inline-flex;align-items:center;gap:5px;color:var(--phi-muted);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s ease}.phi--breadcrumb-item:hover:not(.phi--breadcrumb-current){color:var(--phi-heading)}.phi--breadcrumb-item svg{width:13px;height:13px;flex-shrink:0}.phi--breadcrumb-separator{color:var(--phi-soft);font-size:11px;-webkit-user-select:none;user-select:none}.phi--breadcrumb-current{color:var(--phi-heading);cursor:default}@media screen and (max-width:749px){.phi--breadcrumbs-wrapper{padding:20px}.article-template__social-sharing{margin-top:0rem!important}.phi--breadcrumb-item{font-size:11px}.phi--breadcrumb-item svg{width:11px;height:11px}}.phi--article-hero{max-width:120rem;margin:20px auto;border-radius:12px;overflow:hidden}.phi--article-image{border-radius:12px;overflow:hidden;background:var(--phi-surface)}.phi--article-image img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.phi--article-hero:hover .phi--article-image img{transform:scale(1.015)}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.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:44rem}.article-template__hero-large{height:66rem}.phi--article-hero{margin:28px auto;border-radius:16px}.phi--article-image{border-radius:16px}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}.phi--article-hero{margin:32px auto;border-radius:18px}.phi--article-image{border-radius:18px}}@media screen and (max-width:749px){.phi--article-hero{margin:12px 0;border-radius:0}.phi--article-image{border-radius:0}}.phi--article-header{margin-top:2rem;margin-bottom:2rem;text-align:left}.phi--article-meta{margin-bottom:16px}.phi--article-meta-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.phi--article-category{display:inline-block;background:var(--phi-btn);color:var(--phi-btn-text);padding:4px 12px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;line-height:1.6}.phi--article-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phi--article-date,.phi--article-reading-time,.phi--article-author{color:var(--phi-muted);font-size:12px;font-weight:400}.phi--article-info>*:not(:last-child):after{content:"\b7";margin-left:6px;color:var(--phi-soft)}.phi--article-title{margin:0;font-size:28px;line-height:1.2;font-weight:800;color:var(--phi-heading);letter-spacing:-.5px;max-width:860px;text-wrap:balance}.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}.phi--article-header{margin-top:2.5rem;margin-bottom:2.5rem}.phi--article-title{font-size:34px;letter-spacing:-.7px}.phi--article-date,.phi--article-reading-time,.phi--article-author{font-size:13px}}@media screen and (min-width:990px){.phi--article-header{margin-top:3rem;margin-bottom:3rem}.phi--article-title{font-size:40px;line-height:1.15;letter-spacing:-.8px}}@media screen and (max-width:749px){.phi--article-header{margin-top:1.5rem;margin-bottom:1.5rem}.phi--article-meta-top{gap:10px}.phi--article-title{font-size:24px;letter-spacing:-.3px}.phi--article-date,.phi--article-reading-time,.phi--article-author{font-size:11px}.phi--article-category{font-size:9px;padding:3px 9px}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__content{margin-top:0;margin-bottom:3.5rem;font-size:15px;line-height:1.8;color:var(--phi-text)}.article-template__content>*:first-child{margin-top:0}.article-template__content h1{color:var(--phi-heading);font-weight:800;font-size:26px;line-height:1.2;margin:2.5rem 0 .8rem;letter-spacing:-.3px}.article-template__content h2{color:var(--phi-heading);font-weight:700;font-size:22px;line-height:1.25;margin:2.25rem 0 .7rem;letter-spacing:-.2px}.article-template__content h3{color:var(--phi-heading);font-weight:700;font-size:18px;line-height:1.3;margin:2rem 0 .6rem}.article-template__content h4{color:var(--phi-heading);font-weight:600;font-size:16px;line-height:1.35;margin:1.75rem 0 .5rem}.article-template__content h5,.article-template__content h6{color:var(--phi-heading);font-weight:600;font-size:14px;line-height:1.45;margin:1.5rem 0 .5rem}.article-template__content p{margin:0 0 1.4rem}.article-template__content p+h2,.article-template__content p+h3,.article-template__content ul+h2,.article-template__content ul+h3,.article-template__content ol+h2,.article-template__content ol+h3,.article-template__content blockquote+h2,.article-template__content blockquote+h3,.article-template__content img+h2,.article-template__content img+h3{margin-top:2.75rem}.article-template__content a{color:var(--phi-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(var(--color-link),.4);transition:text-decoration-color .15s ease}.article-template__content a:hover{text-decoration-color:var(--phi-accent)}.article-template__content img{border-radius:8px;margin:1.75rem 0}.article-template__content ul,.article-template__content ol{margin:.5rem 0 1.5rem;padding-left:1.5rem}.article-template__content ul{list-style-type:disc}.article-template__content ol{list-style-type:decimal}.article-template__content li{margin-bottom:.5rem;line-height:1.7;padding-left:.2rem}.article-template__content li:last-child{margin-bottom:0}.article-template__content ul ul,.article-template__content ol ol,.article-template__content ul ol,.article-template__content ol ul{margin:.4rem 0;padding-left:1.3rem}.article-template__content blockquote{border-left:3px solid var(--phi-heading);margin:1.75rem 0;font-style:italic;color:var(--phi-text);padding:1rem 1rem 1rem 1.5rem;border-radius:0 6px 6px 0;background:var(--phi-surface)}.article-template__content blockquote p:last-child{margin-bottom:0}.article-template__content hr{border:none;border-top:1px solid var(--phi-border);margin:2.25rem 0}@media screen and (min-width:750px){.article-template__content{font-size:16px;line-height:1.85}.article-template__content h1{font-size:30px}.article-template__content h2{font-size:24px}.article-template__content h3{font-size:20px}.article-template__content h4{font-size:17px}}@media screen and (min-width:990px){.article-template__content{font-size:16px;line-height:1.85}.article-template__content h1{font-size:32px;margin:3rem 0 .9rem}.article-template__content h2{font-size:26px;margin:2.75rem 0 .8rem}.article-template__content h3{font-size:21px;margin:2.25rem 0 .65rem}.article-template__content h4{font-size:18px}}@media screen and (max-width:749px){.article-template__content{font-size:14.5px;line-height:1.75}.article-template__content h1{font-size:22px;margin:2rem 0 .65rem}.article-template__content h2{font-size:19px;margin:1.75rem 0 .55rem}.article-template__content h3{font-size:16px;margin:1.5rem 0 .5rem}.article-template__content h4{font-size:15px}.article-template__content p{margin-bottom:1.2rem}.article-template__content ul,.article-template__content ol{padding-left:1.25rem;margin-bottom:1.25rem}.article-template__content li{margin-bottom:.4rem}.article-template__content img{margin:1.25rem 0;border-radius:6px}.article-template__content blockquote{margin:1.25rem 0;padding:.75rem .75rem .75rem 1.2rem}}.phi--article-footer-divider{height:1px;background:var(--phi-border);margin-top:.5rem}.article-template__social-sharing{margin-top:2.5rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:3.5rem;padding:2rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:4rem;padding:2.5rem 0}}.article-template__comment-wrapper h2{margin-top:0;font-size:20px}.article-template__comments{margin-bottom:3.5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:5rem}}.article-template__comments-fields{margin-bottom:2.5rem}.article-template__comments-comment{color:rgba(var(--color-foreground),1);background-color:rgb(var(--color-background));margin-bottom:1.25rem;padding:1.25rem;border-radius:10px;border:1px solid var(--phi-border);transition:border-color .2s ease}.article-template__comments-comment:hover{border-color:rgba(var(--color-foreground),.15)}@media screen and (min-width:750px){.article-template__comments-comment{padding:1.5rem}}.article-template__comments-comment p{margin:0 0 .5rem;line-height:1.65;color:var(--phi-text);font-size:14px}.article-template__comments-comment footer{display:flex;gap:8px;align-items:center;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--phi-border)}.article-template__comments-comment footer span{color:var(--phi-muted);font-size:12px}.article-template__comment-fields>*{margin-bottom:2rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2.5rem}}.article-template__comment-warning{margin:1.25rem 0 1.75rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:3.5rem 0 5rem}}.article-template__back{margin-top:3rem;margin-bottom:2.5rem}.article-template__back:last-child{margin-bottom:0}.article-template__link{display:inline-flex;align-items:center;gap:8px;background:transparent;padding:8px 0;font-size:13px;font-weight:600;color:var(--phi-muted);text-decoration:none;transition:color .2s ease;border:none}.article-template__link .icon-wrap{display:flex;margin-right:0;transform:rotate(180deg);transition:transform .2s ease}.article-template__link:hover{color:var(--phi-heading)}.article-template__link:hover .icon-wrap{transform:translate(-3px) rotate(180deg)}@media screen and (max-width:749px){.article-template__back{margin-top:2rem;margin-bottom:2rem}.article-template__link{font-size:12px}}figure.w-richtext-align-fullwidth.w-richtext-figure-type-image,figure.w-richtext-align-center.w-richtext-figure-type-image{max-width:400px}.phi--article-layout{display:grid;grid-template-columns:1fr;gap:36px;position:relative}@media screen and (min-width:990px){.phi--article-layout{grid-template-columns:1fr 320px;gap:52px}}@media screen and (min-width:1200px){.phi--article-layout{grid-template-columns:1fr 340px;gap:60px}}.phi--article-main{min-width:0}.phi--article-sidebar{position:relative}@media screen and (min-width:990px){.phi--sticky-sidebar{position:sticky;top:120px;max-height:calc(100vh - 140px);overflow-y:auto}}.phi--newsletter-box{background:var(--phi-surface);border-radius:12px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--phi-border);position:relative;overflow:hidden}.phi--newsletter-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--phi-heading)}.phi--newsletter-icon{width:36px;height:36px;border-radius:8px;background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--phi-heading)}.phi--newsletter-icon svg{width:18px;height:18px}.phi--newsletter-title{font-size:16px;font-weight:700;color:var(--phi-heading);margin:0 0 4px;letter-spacing:-.15px;line-height:1.3}.phi--newsletter-desc{color:var(--phi-muted);font-size:12px;line-height:1.5;margin:0 0 14px}.phi--newsletter-form{margin:0;display:flex;flex-direction:column;gap:8px}.phi--newsletter-input-wrapper{position:relative;margin-bottom:0}.phi--newsletter-input{width:100%;padding:9px 12px;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;font-size:12.5px;transition:border-color .15s ease;background:var(--phi-bg);color:var(--phi-heading)}.phi--newsletter-input::placeholder{color:var(--phi-soft)}.phi--newsletter-input:focus{outline:none;border-color:var(--phi-heading)}.phi--newsletter-button{width:100%;background:var(--phi-heading);color:var(--phi-bg);border:none;padding:9px 14px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:5px}.phi--newsletter-button svg{width:13px;height:13px;transition:transform .15s ease;flex-shrink:0}.phi--newsletter-button:hover{opacity:.85}.phi--newsletter-button:hover svg{transform:translate(2px)}.phi--newsletter-button:active{opacity:1}.phi--newsletter-privacy{font-size:10.5px;color:var(--phi-soft);margin:2px 0 0;text-align:center;line-height:1.45}.phi--newsletter-privacy a{color:var(--phi-muted);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(var(--color-foreground),.2);transition:color .15s ease}.phi--newsletter-privacy a:hover{color:var(--phi-heading)}.phi--newsletter-success{display:flex;align-items:center;gap:6px;background:rgba(var(--color-foreground),.05);color:var(--phi-heading);padding:9px 12px;border-radius:6px;margin-bottom:6px;font-weight:600;font-size:12px;border:1px solid var(--phi-border)}.phi--newsletter-success svg{flex-shrink:0}@media screen and (max-width:989px){.phi--newsletter-box{padding:20px;margin-bottom:28px}.phi--newsletter-icon{width:32px;height:32px;margin-bottom:10px}.phi--newsletter-icon svg{width:16px;height:16px}.phi--newsletter-title{font-size:15px}.phi--newsletter-desc{font-size:11.5px;margin-bottom:12px}.phi--article-sidebar{order:0}.phi--newsletter-form{gap:7px}}@media screen and (max-width:749px){.phi--newsletter-box{padding:18px;border-radius:10px}.phi--newsletter-icon{width:30px;height:30px;border-radius:7px;margin-bottom:8px}.phi--newsletter-title{font-size:14px}.phi--newsletter-desc{font-size:11px}.phi--newsletter-input{padding:8px 10px;font-size:12px}.phi--newsletter-button{padding:8px 12px;font-size:12px}}.grid{--grid-desktop-horizontal-spacing: 2rem;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}
/*# sourceMappingURL=/cdn/shop/t/85/assets/section-blog-post.css.map */