.hpg-force-distance{overflow:hidden;background:var(--hpg-bg);color:var(--hpg-text);padding:96px var(--hpg-desktop-gutter)}.hpg-force-distance__inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:72px;align-items:center;width:min(100%,var(--hpg-content-width));margin-inline:auto}.hpg-force-distance__copy{max-width:520px}.hpg-force-distance--animate .hpg-force-distance__copy,.hpg-force-distance--animate .hpg-force-distance__chart-card{opacity:0;transform:translateY(18px);transition:opacity .56s ease,transform .56s ease}.hpg-force-distance--animate .hpg-force-distance__chart-card{transition-delay:80ms}.hpg-force-distance--animate.is-force-content-visible .hpg-force-distance__copy,.hpg-force-distance--animate.is-force-content-visible .hpg-force-distance__chart-card{opacity:1;transform:translateY(0)}.hpg-force-distance__kicker{margin:0 0 16px;color:var(--hpg-accent);font-family:var(--hpg-font-body);font-size:18px;line-height:24px;font-weight:700;text-transform:uppercase}.hpg-force-distance__heading{margin:0;color:var(--hpg-text);font-family:var(--hpg-font-heading);font-size:var(--hpg-section-heading-size);line-height:var(--hpg-section-heading-line-height);font-weight:700;overflow-wrap:anywhere}.hpg-force-distance__description{margin-top:24px;color:var(--hpg-muted);font-family:var(--hpg-font-body);font-size:20px;line-height:32px;font-weight:500}.hpg-force-distance__modal-opener{display:inline-block;margin-top:36px}.hpg-force-distance__button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:8px 8px 8px 26px;border:0;border-radius:999px;background:#e4e6ec;color:#1d1e1f;font-family:var(--hpg-font-body);font-size:18px;line-height:22px;font-weight:700;cursor:pointer}.hpg-force-distance__button-icon{display:grid;place-items:center;width:48px;height:36px;flex:0 0 48px;border-radius:999px;background:var(--hpg-accent);color:#fff}.hpg-force-distance__button-icon svg{width:22px;height:22px}.hpg-force-distance__chart-card{min-width:0;min-height:560px;padding:32px;overflow:hidden;border:1px solid var(--hpg-border);border-radius:32px;background:var(--hpg-card);box-shadow:0 24px 80px #10182814}.hpg-force-distance__chart-header{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:24px}.hpg-force-distance__chart-header p,.hpg-force-distance__chart-header span{margin:0;font-family:var(--hpg-font-body)}.hpg-force-distance__chart-header p{color:var(--hpg-text);font-size:20px;line-height:26px;font-weight:700}.hpg-force-distance__chart-header span{color:var(--hpg-muted);font-size:14px;line-height:20px;font-weight:600}.hpg-force-distance__chart-wrap{position:relative;max-width:100%;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(255,255,255,.28) transparent}.hpg-force-distance__chart-frame{position:relative;display:block;width:100%;height:420px;min-width:0}.hpg-force-distance__chart{width:100%;height:100%}.hpg-force-distance__legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px;color:var(--hpg-muted);font-family:var(--hpg-font-body);font-size:15px;line-height:20px;font-weight:700}.hpg-force-distance__legend span{display:inline-flex;gap:8px;align-items:center}.hpg-force-distance__legend-dot{width:10px;height:10px;border-radius:50%}.hpg-force-distance__legend-dot--hpg{background:var(--hpg-accent)}.hpg-force-distance__legend-dot--competitor{background:var(--hpg-force-competitor)}.hpg-force-distance-modal__content{background:#08090bf5}.hpg-force-distance-modal{top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;margin:0}.hpg-force-distance-modal[open]{z-index:1100}.hpg-force-distance-modal__content{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hpg-force-distance-modal__body{display:grid;align-content:center;gap:24px;max-width:1080px}.hpg-force-distance-modal__title{margin:0;color:#fff;font-family:var(--hpg-font-heading);font-size:36px;line-height:44px;font-weight:700}.hpg-force-distance-modal__video{overflow:hidden;width:100%;aspect-ratio:16 / 9;border-radius:24px;background:#050505}.hpg-force-distance-modal__video video,.hpg-force-distance-modal__video iframe{width:100%;height:100%;border:0;object-fit:cover}.hpg-force-distance-modal__video--mobile-only{width:min(100%,430px);aspect-ratio:9 / 16;margin-inline:auto}@media screen and (max-width:989px){.hpg-force-distance{padding:80px var(--hpg-tablet-portrait-gutter)}.hpg-force-distance__inner{grid-template-columns:1fr;gap:48px}.hpg-force-distance__copy{max-width:680px}.hpg-force-distance__chart-card{padding:30px}.hpg-force-distance__chart-frame{width:100%;min-width:0;height:360px}}@media screen and (min-width:990px)and (max-width:1199px){.hpg-force-distance{padding-right:var(--hpg-tablet-landscape-gutter);padding-left:var(--hpg-tablet-landscape-gutter)}.hpg-force-distance__inner{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:44px}.hpg-force-distance__chart-card{padding:28px}.hpg-force-distance__chart-frame{width:100%;min-width:0;height:360px}}@media screen and (min-width:750px)and (max-width:1199px){.hpg-force-distance__chart-wrap{overflow-x:hidden}}@media screen and (max-width:749px){.hpg-force-distance{padding:64px var(--hpg-mobile-gutter)}.hpg-force-distance__inner{gap:32px}.hpg-force-distance__kicker{font-size:var(--hpg-mobile-kicker-size);line-height:var(--hpg-mobile-kicker-line-height);font-weight:var(--hpg-mobile-kicker-weight);text-transform:none}.hpg-force-distance__heading{font-size:var(--hpg-mobile-section-heading-size);line-height:var(--hpg-mobile-section-heading-line-height);font-weight:var(--hpg-mobile-section-heading-weight)}.hpg-force-distance__description{margin-top:18px;font-size:var(--hpg-mobile-body-size);line-height:var(--hpg-mobile-body-line-height);font-weight:var(--hpg-mobile-body-weight)}.hpg-force-distance__modal-opener{margin-top:28px}.hpg-force-distance__button{min-height:64px;padding:8px 8px 8px 22px;font-size:20px}.hpg-force-distance__button-icon{width:56px;height:40px;flex-basis:56px}.hpg-force-distance__chart-card{min-height:auto;padding:22px 0 24px;border-radius:var(--hpg-mobile-card-radius)}.hpg-force-distance__chart-header{display:block;margin-bottom:18px;padding:0 22px}.hpg-force-distance__chart-header span{display:block;margin-top:6px}.hpg-force-distance__chart-wrap{overflow-x:hidden;padding:0 22px 6px}.hpg-force-distance__legend{margin-top:18px;padding:0 22px;gap:14px;font-size:13px}.hpg-force-distance__chart-frame{width:100%;min-width:0;height:286px}.hpg-force-distance-modal__title{font-size:28px;line-height:34px}.hpg-force-distance-modal__video{border-radius:18px}.hpg-force-distance-modal__video.hpg-responsive-video--has-mobile{width:min(100%,430px);aspect-ratio:9 / 16;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.hpg-force-distance--animate .hpg-force-distance__copy,.hpg-force-distance--animate .hpg-force-distance__chart-card{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/section-hpg-force-distance.css.map */