.hs-support-article{--support-article-ink: var(--design-color-ink-900, #17130f);--support-article-muted: var(--design-text-muted, #6f625d);--support-article-accent: var(--design-color-pdrn-accent-500, #ec407a);--support-article-soft: #fff1f6;width:min(calc(100% - clamp(2.8rem,7vw,12rem)),112rem);margin:0 auto;padding:clamp(3.6rem,7vw,7rem) 0 clamp(5.6rem,9vw,9rem);color:var(--support-article-ink)}.hs-support-article,.hs-support-article *{font-family:var(--design-font-family-body, inherit)}.hs-support-article--purple{--support-article-accent: var(--design-color-ghk-accent-700, #2d1b69);--support-article-soft: #f5f1ff}.hs-support-article--green{--support-article-accent: #144b3a;--support-article-soft: #f1fff8}.hs-support-article--sand{--support-article-accent: #b46a42;--support-article-soft: #fff8f2}.hs-support-article__hero{position:relative;overflow:hidden;display:grid;gap:clamp(2.4rem,5vw,5.6rem);min-height:clamp(44rem,48vw,58rem);padding:clamp(2.6rem,6vw,6.4rem);border:1px solid rgba(23,19,15,.07);border-radius:clamp(2.8rem,5vw,4.6rem);background:linear-gradient(90deg,rgba(255,255,255,.32) 0 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.32) 0 1px,transparent 1px),radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--support-article-accent) 24%,transparent),transparent 24rem),radial-gradient(circle at 16% 92%,rgba(255,255,255,.72),transparent 24rem),linear-gradient(135deg,#fff,var(--support-article-soft) 48%,color-mix(in srgb,var(--support-article-accent) 16%,#fff));background-size:4.8rem 4.8rem,4.8rem 4.8rem,auto,auto,auto;box-shadow:0 26px 70px #17130f13}.hs-support-article__hero:before,.hs-support-article__hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hs-support-article__hero:before{right:clamp(1.8rem,7vw,8rem);top:clamp(2rem,7vw,6.4rem);width:clamp(13rem,24vw,28rem);height:clamp(13rem,24vw,28rem);border:1px solid color-mix(in srgb,var(--support-article-accent) 24%,transparent);background:#ffffff38}.hs-support-article__hero:after{right:-5rem;bottom:-6rem;width:clamp(18rem,27vw,34rem);height:clamp(18rem,27vw,34rem);border:1px solid rgba(23,19,15,.07);background:#ffffff3d}.hs-support-article__hero-copy{position:relative;z-index:2;display:grid;gap:var(--design-space-14, 1.4rem);align-content:center;max-width:66rem}.hs-support-article__back{justify-self:start;min-height:3.6rem;display:inline-flex;align-items:center;padding:0 var(--design-space-14, 1.4rem);border:1px solid rgba(23,19,15,.08);border-radius:var(--design-radius-button, 999px);background:#ffffffb8;color:var(--support-article-ink);font-size:var(--design-font-size-caption-xl, 1.2rem);font-weight:650;letter-spacing:var(--design-letter-spacing-eyebrow-tight, .08em);text-decoration:none;text-transform:uppercase}.hs-support-article__eyebrow,.hs-support-article__topic header p,.hs-support-article__quick-card span,.hs-support-article__related-card span{margin:0;color:var(--support-article-accent);font-size:var(--design-font-size-caption-xl, 1.2rem);font-weight:650;letter-spacing:var(--design-letter-spacing-eyebrow-regular, .14em);text-transform:uppercase}.hs-support-article h1{max-width:10.5ch;margin:0;color:var(--support-article-ink);font-size:clamp(4.8rem,8.6vw,8.8rem);font-weight:650;line-height:.9;letter-spacing:-.065em}.hs-support-article__intro{max-width:56rem;color:#4d423d;font-size:clamp(1.55rem,3.1vw,1.86rem);font-weight:430;line-height:1.62}.hs-support-article__intro>*{margin-block:0}.hs-support-article__hero-visual{position:relative;z-index:1;min-height:clamp(25rem,34vw,39rem);display:grid;align-content:center}.hs-support-article__orb{position:absolute;inset:50% auto auto 50%;width:clamp(22rem,29vw,36rem);height:clamp(22rem,29vw,36rem);transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--support-article-accent) 28%,transparent);border-radius:50%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.86),transparent 34%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--support-article-accent) 18%,transparent),transparent 58%);box-shadow:inset 0 0 0 1.4rem #ffffff52,0 24px 70px color-mix(in srgb,var(--support-article-accent) 14%,transparent)}.hs-support-article__orb:before,.hs-support-article__orb:after,.hs-support-article__orb span{content:"";position:absolute;border-radius:999px}.hs-support-article__orb:before{top:24%;right:24%;bottom:24%;left:24%;border:1px dashed color-mix(in srgb,var(--support-article-accent) 42%,transparent)}.hs-support-article__orb:after{left:22%;right:22%;top:50%;height:.9rem;transform:translateY(-50%);background:color-mix(in srgb,var(--support-article-accent) 65%,#111);box-shadow:0 0 26px color-mix(in srgb,var(--support-article-accent) 42%,transparent)}.hs-support-article__orb span{width:1rem;height:1rem;background:color-mix(in srgb,var(--support-article-accent) 82%,#111);animation:hsSupportOrbit 4.6s ease-in-out infinite}.hs-support-article__orb span:nth-child(1){left:26%;top:29%}.hs-support-article__orb span:nth-child(2){right:24%;top:44%;animation-delay:.5s}.hs-support-article__orb span:nth-child(3){left:46%;bottom:23%;animation-delay:1s}.hs-support-article__visual-card{position:absolute;z-index:2;display:grid;gap:var(--design-space-4, .4rem);min-width:clamp(14rem,18vw,20rem);padding:var(--design-space-14, 1.4rem) var(--design-space-16, 1.6rem);border:1px solid rgba(23,19,15,.08);border-radius:calc(var(--design-radius-card, 2rem) + 2px);background:#ffffffdb;box-shadow:0 18px 44px #17130f14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hs-support-article__visual-card--primary{left:0;top:12%}.hs-support-article__visual-card--secondary{right:0;top:42%}.hs-support-article__visual-card--tertiary{left:10%;bottom:8%}.hs-support-article__visual-card small{color:var(--support-article-accent);font-size:var(--design-font-size-caption-lg, 1.1rem);font-weight:700;letter-spacing:var(--design-letter-spacing-eyebrow-tight, .08em);line-height:1;text-transform:uppercase}.hs-support-article__visual-card strong{color:var(--support-article-ink);font-size:clamp(1.55rem,2vw,2rem);font-weight:650;line-height:1.1;letter-spacing:-.025em}@keyframes hsSupportOrbit{0%,to{transform:translateZ(0) scale(.85);opacity:.55}45%{transform:translate3d(.8rem,1.8rem,0) scale(1.2);opacity:1}}.hs-support-article__quick-grid{display:grid;gap:var(--design-space-12, 1.2rem);margin-top:clamp(1.6rem,4vw,3rem)}.hs-support-article__quick-card{display:grid;gap:var(--design-space-8, .8rem);padding:clamp(1.5rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--support-article-accent) 18%,rgba(23,19,15,.08));border-radius:calc(var(--design-radius-card, 2rem) + 2px);background:linear-gradient(180deg,#fffffff5,#fff),var(--support-article-soft);box-shadow:0 14px 34px #17130f0e}.hs-support-article__quick-card strong{color:var(--support-article-ink);font-size:clamp(1.55rem,3.2vw,1.9rem);font-weight:560;line-height:1.34;letter-spacing:-.012em}.hs-support-article__layout{display:grid;gap:clamp(2.4rem,5vw,5rem);margin-top:clamp(3rem,6vw,6rem)}.hs-support-article__toc{display:grid;gap:var(--design-space-8, .8rem);align-self:start;padding:var(--design-space-16, 1.6rem);border:1px solid rgba(23,19,15,.08);border-radius:calc(var(--design-radius-card, 2rem) + 2px);background:#fff;box-shadow:0 10px 30px #17130f09}.hs-support-article__toc strong{margin-bottom:var(--design-space-4, .4rem);color:var(--support-article-ink);font-size:var(--design-font-size-caption-xl, 1.2rem);font-weight:700;letter-spacing:var(--design-letter-spacing-eyebrow-tight, .08em);text-transform:uppercase}.hs-support-article__toc a{display:block;padding:var(--design-space-8, .8rem) 0;border-top:1px solid rgba(23,19,15,.07);color:var(--support-article-muted);font-size:var(--design-font-size-body-sm, 1.38rem);font-weight:500;text-decoration:none}.hs-support-article__topics{display:grid;gap:clamp(2rem,4vw,3.2rem)}.hs-support-article__topic{scroll-margin-top:10rem;display:grid;gap:var(--design-space-16, 1.6rem);padding:clamp(2rem,4vw,3.2rem);border:1px solid rgba(23,19,15,.08);border-left:.7rem solid var(--support-article-accent);border-radius:calc(var(--design-radius-card, 2rem) + 10px);background:#fff;box-shadow:0 14px 40px #17130f0a}.hs-support-article__topic header{display:grid;gap:var(--design-space-8, .8rem)}.hs-support-article__topic h2,.hs-support-article__related h2{max-width:18ch;margin:0;color:var(--support-article-ink);font-size:clamp(2.2rem,4.8vw,3.4rem);font-weight:600;line-height:1.1;letter-spacing:-.03em}.hs-support-article__topic-intro{max-width:68rem;color:var(--support-article-muted);font-size:var(--design-font-size-body-md, 1.55rem);font-weight:400;line-height:1.6}.hs-support-article__topic-intro>*{margin-block:0}.hs-support-article__faq-list{display:grid;gap:var(--design-space-10, 1rem)}.hs-support-article__faq{overflow:hidden;border:1px solid rgba(23,19,15,.08);border-radius:calc(var(--design-radius-card, 2rem) - .4rem);background:#fffaf6}.hs-support-article__faq summary{position:relative;display:block;padding:var(--design-space-14, 1.4rem) var(--design-space-48, 4.8rem) var(--design-space-14, 1.4rem) var(--design-space-16, 1.6rem);color:var(--support-article-ink);cursor:pointer;font-size:clamp(1.45rem,3.2vw,1.7rem);font-weight:520;line-height:1.35}.hs-support-article__faq summary::-webkit-details-marker{display:none}.hs-support-article__faq summary:after{content:"+";position:absolute;top:50%;right:var(--design-space-14, 1.4rem);width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--support-article-accent);font-size:1.9rem;font-weight:500;line-height:1;transform:translateY(-50%)}.hs-support-article__faq[open] summary:after{content:"\2212"}.hs-support-article__answer{padding:0 var(--design-space-18, 1.8rem) var(--design-space-18, 1.8rem);color:var(--support-article-muted)}.hs-support-article__answer p,.hs-support-article__answer li{font-size:clamp(1.4rem,3vw,1.55rem);font-weight:400;line-height:1.62}.hs-support-article__answer a{color:var(--support-article-ink);font-weight:650;text-decoration-thickness:.08em;text-underline-offset:.22em}.hs-support-article__answer>*:first-child{margin-top:0}.hs-support-article__answer>*:last-child{margin-bottom:0}.hs-support-article__related{display:grid;gap:var(--design-space-18, 1.8rem);margin-top:clamp(3rem,6vw,6rem)}.hs-support-article__related-grid{display:grid;gap:var(--design-space-12, 1.2rem)}.hs-support-article__related-card{display:grid;gap:var(--design-space-8, .8rem);padding:clamp(1.5rem,3vw,2rem);border:1px solid rgba(23,19,15,.08);border-radius:calc(var(--design-radius-card, 2rem) + 2px);background:linear-gradient(135deg,#fff,var(--support-article-soft));color:var(--support-article-ink);text-decoration:none}.hs-support-article__related-card strong{color:var(--support-article-ink);font-size:clamp(1.6rem,3.4vw,1.95rem);font-weight:580;line-height:1.22}.hs-support-article__related-card p{margin:0;color:var(--support-article-muted);font-size:var(--design-font-size-body-sm, 1.38rem);font-weight:400;line-height:1.52}@media(min-width:720px){.hs-support-article__hero{grid-template-columns:minmax(0,.58fr) minmax(30rem,.42fr);align-items:center}.hs-support-article__quick-grid,.hs-support-article__related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:719px){.hs-support-article{width:min(calc(100% - 2.8rem),112rem);padding-top:var(--design-space-18, 1.8rem)}.hs-support-article__hero{min-height:0;padding:clamp(2.2rem,7vw,3rem)}.hs-support-article h1{max-width:9.5ch;font-size:clamp(4rem,13vw,5.8rem)}.hs-support-article__hero-visual{min-height:20rem;margin-top:var(--design-space-6, .6rem)}.hs-support-article__orb{width:19rem;height:19rem}.hs-support-article__visual-card{min-width:12rem;padding:var(--design-space-10, 1rem) var(--design-space-12, 1.2rem)}.hs-support-article__visual-card--primary{left:0;top:2rem}.hs-support-article__visual-card--secondary{right:0;top:7.6rem}.hs-support-article__visual-card--tertiary{left:2.2rem;bottom:1rem}.hs-support-article__visual-card strong{font-size:1.42rem}}@media(min-width:1024px){.hs-support-article__layout{align-items:start}.hs-support-article__layout:has(.hs-support-article__toc){grid-template-columns:minmax(18rem,.28fr) minmax(0,.72fr)}.hs-support-article__toc{position:sticky;top:11rem}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/section-hs-support-article.css.map */