.learn-article__wrapper{max-width:90rem;margin:0 auto}.learn-article__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0 0 2.4rem;font-size:1.4rem;color:rgba(var(--color-foreground),.55)}.learn-article__breadcrumb li{display:flex;align-items:center;gap:.4rem}.learn-article__breadcrumb li+li:before{content:"/";color:rgba(var(--color-foreground),.3);margin-right:.2rem}.learn-article__breadcrumb a{color:rgba(var(--color-foreground),.55);text-decoration:none;transition:color .2s ease}.learn-article__breadcrumb a:hover{color:rgb(var(--color-foreground))}.learn-article__breadcrumb .learn-article__breadcrumb-current{color:rgb(var(--color-foreground));font-weight:600}.learn-article__hero-container{max-width:130rem;margin:0 auto 3.2rem}.learn-article__hero-adapt{position:relative;overflow:hidden}.learn-article__hero-small{height:11rem}.learn-article__hero-medium{height:22rem}.learn-article__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.learn-article__hero-small{height:22rem}.learn-article__hero-medium{height:44rem}.learn-article__hero-large{height:66rem}}@media screen and (min-width:990px){.learn-article__hero-small{height:27.5rem}.learn-article__hero-medium{height:55rem}.learn-article__hero-large{height:82.5rem}}.learn-article__hero-container img{width:100%;height:100%;object-fit:cover}.learn-article__header{margin-bottom:3.2rem}.learn-article__title{margin:0 0 1.2rem;font-size:3rem;line-height:1.2}@media screen and (min-width:750px){.learn-article__title{font-size:4rem}}.learn-article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.55)}.learn-article__badge{display:inline-flex;align-items:center;padding:.3rem 1.2rem;border-radius:40px;font-size:1.2rem;font-weight:700;letter-spacing:.04rem;text-transform:uppercase;color:#fff;line-height:1.6}.learn-article__badge--diy{background-color:#95bf47}.learn-article__badge--intermediate{background-color:#ffbf5e;color:#252160}.learn-article__badge--hire-a-pro{background-color:#4d45c6}.learn-article__quick-fix{background-color:#fdf6e7;border-left:4px solid #f1a244;border-radius:8px;padding:2rem 2.4rem;margin-bottom:3.2rem}.learn-article__quick-fix-heading{margin:0 0 .8rem;font-size:1.8rem;font-weight:700;color:rgb(var(--color-foreground))}.learn-article__quick-fix-content{font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.learn-article__quick-fix-content p:last-child{margin-bottom:0}.learn-article__body{margin-bottom:3.2rem}.learn-article__body h2{margin-top:3.2rem;margin-bottom:1.6rem}.learn-article__body h3{margin-top:2.4rem;margin-bottom:1.2rem}.learn-article__body p{margin-bottom:1.6rem}.learn-article__body ul,.learn-article__body ol{margin-bottom:1.6rem;padding-left:2.4rem}.learn-article__body li{margin-bottom:.8rem}.learn-article__body img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.learn-article__share{margin-bottom:3.2rem;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.08)}.learn-article__share-button{display:inline-flex;align-items:center;gap:.8rem;background:none;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;padding:.8rem 1.6rem;font-size:1.4rem;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.learn-article__share-button:hover{border-color:rgba(var(--color-foreground),.35);background-color:rgba(var(--color-foreground),.03)}.learn-article__share-button svg{width:1.8rem;height:1.8rem}.learn-article__share-fallback{display:none;margin-top:1.2rem}.learn-article__share-fallback.active{display:flex;align-items:center;gap:.8rem}.learn-article__share-input{flex:1;padding:.6rem 1rem;font-size:1.3rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.learn-article__share-copy{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;padding:.6rem 1rem;font-size:1.3rem;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease;white-space:nowrap}.learn-article__share-copy:hover{border-color:rgba(var(--color-foreground),.35)}.learn-article__share-message{font-size:1.3rem;color:#95bf47;margin-left:.8rem;opacity:0;transition:opacity .3s ease}.learn-article__share-message.visible{opacity:1}.learn-article__cta{border-radius:12px;padding:4rem 3.2rem;margin-bottom:3.2rem;text-align:center}.learn-article__cta-title{margin:0 0 1.2rem;font-size:2.4rem;line-height:1.3}@media screen and (min-width:750px){.learn-article__cta-title{font-size:3rem}}.learn-article__cta-text{font-size:1.6rem;line-height:1.6;margin:0 0 2.4rem;max-width:60rem;margin-left:auto;margin-right:auto}.learn-article__cta-button{display:inline-block;padding:1.4rem 3.2rem;border-radius:6px;font-size:1.5rem;font-weight:700;letter-spacing:.1rem;text-decoration:none;text-align:center;transition:opacity .2s ease;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.learn-article__cta-button:hover{opacity:.85}.learn-article__faq{margin-bottom:3.2rem}.learn-article__faq-heading{margin:0 0 2.4rem;font-size:2.4rem}.learn-article__faq-list{display:flex;flex-direction:column;gap:1.6rem}.learn-article__faq-item{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 6px);overflow:hidden;transition:all .3s ease}.learn-article__faq-item:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.05)}.learn-article__faq-question{padding:2rem 2.4rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.learn-article__faq-question:hover{background-color:rgba(var(--color-foreground),.02)}.learn-article__faq-question-text{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));flex:1;padding-right:1.6rem}.learn-article__faq-icon{flex-shrink:0;width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground));transition:transform .3s ease}.learn-article__faq-item.active .learn-article__faq-icon{transform:rotate(180deg)}.learn-article__faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.learn-article__faq-item.active .learn-article__faq-answer{max-height:50rem}.learn-article__faq-answer-content{padding:0 2.4rem 2.4rem;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.7)}.learn-article__back{text-align:center;margin-top:2rem}.learn-article__back-link{display:inline-flex;align-items:center;gap:.8rem;font-size:1.6rem;text-decoration:none;color:rgb(var(--color-foreground));transition:opacity .2s ease}.learn-article__back-link:hover{opacity:.7}.learn-article__back-link svg{width:2rem;height:2rem;transform:rotate(180deg)}@media screen and (max-width:749px){.learn-article__breadcrumb{font-size:1.2rem;margin-bottom:1.6rem}.learn-article__title{font-size:2.4rem}.learn-article__quick-fix{padding:1.6rem 2rem}.learn-article__cta{padding:3.2rem 2rem}.learn-article__faq-question{padding:1.6rem 2rem}.learn-article__faq-question-text{font-size:1.6rem}.learn-article__faq-answer-content{padding:0 2rem 2rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-learn-article.css.map */
