.hcp-how,.hcp-how *,.hcp-how *:before,.hcp-how *:after{box-sizing:border-box}.hcp-how{background:var(--hcp-how-bg, #fafcf4);color:var(--hcp-how-text, #424839)}.hcp-how__inner{display:flex;flex-direction:column;gap:var(--hcp-how-gap, 24px);max-width:1180px;margin:0 auto;padding:var(--hcp-how-pad-top, 48px) var(--hcp-how-pad-x, 40px) var(--hcp-how-pad-bottom, 48px)}.hcp-how__header{display:flex;flex-direction:column;gap:12px;max-width:42rem}.hcp-how__eyebrow,.hcp-how__heading,.hcp-how__intro,.hcp-how__topic-heading,.hcp-how__topic-text{margin:0}.hcp-how__eyebrow{font-family:var(--hcp-how-eyebrow-font, proxima-nova, sans-serif);font-size:var(--hcp-how-eyebrow-size, 14px);font-weight:var(--hcp-how-eyebrow-weight, 400);font-style:var(--hcp-how-eyebrow-style, normal);letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.hcp-how__heading{font-family:var(--hcp-how-heading-font, "Sentient", serif);font-size:var(--hcp-how-heading-size, 40px);font-weight:var(--hcp-how-heading-weight, 300);font-style:var(--hcp-how-heading-style, normal);letter-spacing:-.03em;line-height:1.15}.hcp-how__intro{font-family:var(--hcp-how-intro-font, proxima-nova, sans-serif);font-size:var(--hcp-how-intro-size, 18px);font-weight:var(--hcp-how-intro-weight, 400);font-style:var(--hcp-how-intro-style, normal);line-height:1.5}.hcp-how__tabs{display:flex;flex-wrap:wrap;gap:10px}.hcp-how__tab{-webkit-appearance:none;appearance:none;min-height:48px;padding:10px 22px;border:1px solid currentColor;border-radius:100px;background:var(--hcp-how-tab-bg, transparent);color:inherit;cursor:pointer;font-family:var(--hcp-how-tab-font, proxima-nova, sans-serif);font-size:var(--hcp-how-tab-size, 16px);font-weight:var(--hcp-how-tab-weight, 400);line-height:1.2}.hcp-how__tab[aria-selected=true]{background:var(--hcp-how-tab-active, #d0e5a4)}.hcp-how__tab:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hcp-how__panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.hcp-how__panel[hidden]{display:none}.hcp-how--image-right .hcp-how__media{order:2}.hcp-how__media{display:flex;align-items:center;justify-content:center;min-height:280px;max-height:var(--hcp-how-image-max, 420px);overflow:hidden}.hcp-how__image{display:block;width:auto;max-width:100%;height:auto;max-height:var(--hcp-how-image-max, 420px);object-fit:contain}.hcp-how__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:36rem}.hcp-how__topic-heading{font-family:var(--hcp-how-topic-font, "Sentient", serif);font-size:var(--hcp-how-topic-size, 28px);font-weight:var(--hcp-how-topic-weight, 300);font-style:var(--hcp-how-topic-style, normal);letter-spacing:-.02em;line-height:1.2}.hcp-how__topic-text{font-family:var(--hcp-how-body-font, proxima-nova, sans-serif);font-size:var(--hcp-how-body-size, 16px);font-weight:var(--hcp-how-body-weight, 400);font-style:var(--hcp-how-body-style, normal);line-height:1.5}.hcp-how__link{display:inline-flex;align-items:center;gap:8px;color:inherit;font-family:var(--hcp-how-body-font, proxima-nova, sans-serif);font-size:var(--hcp-how-body-size, 16px);font-weight:500;line-height:1.2;text-underline-offset:3px}.hcp-how__link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hcp-how__link-arrow{width:16px;height:16px;flex:none}@media screen and (max-width:768px){.hcp-how__inner{gap:var(--hcp-how-gap-mobile, 16px);padding:var(--hcp-how-pad-top-mobile, 32px) var(--hcp-how-pad-x-mobile, 20px) var(--hcp-how-pad-bottom-mobile, 36px)}.hcp-how__heading{font-size:var(--hcp-how-heading-size-mobile, 32px)}.hcp-how__eyebrow{font-size:var(--hcp-how-eyebrow-size-mobile, 12px)}.hcp-how__intro{font-size:var(--hcp-how-intro-size-mobile, 16px)}.hcp-how__tabs{flex-direction:column}.hcp-how__tab{width:100%;font-size:var(--hcp-how-tab-size-mobile, 16px)}.hcp-how__panel{grid-template-columns:1fr;gap:20px}.hcp-how__media,.hcp-how--image-right .hcp-how__media{order:-1;max-height:260px;min-height:0}.hcp-how__image{max-height:260px}.hcp-how__topic-heading{font-size:var(--hcp-how-topic-size-mobile, 24px)}.hcp-how__topic-text,.hcp-how__link{font-size:var(--hcp-how-body-size-mobile, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/hcp-how-it-works.css.map */