.hpg{--hpg-ease: cubic-bezier(.16, 1, .3, 1);--hpg-ease-drawer: cubic-bezier(.32, .72, 0, 1);display:block;overflow:hidden;padding-block:var(--hpg-padding-top, 64px) var(--hpg-padding-bottom, 64px);scroll-margin-top:8rem}.hpg-grid{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:start}.hpg-intro{max-width:64rem}.hpg-heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,3vw,3.6rem);line-height:1.1;letter-spacing:-.01em;text-wrap:balance}.hpg-sub{margin:0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.72)}.hpg-chips{display:flex;flex-wrap:wrap;gap:.8rem}.hpg-sub+.hpg-chips{margin-top:2.4rem}.hpg-chip{padding:.9rem 1.6rem;border:0;border-radius:6px;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;line-height:1.2;cursor:pointer;transition:background-color .2s var(--hpg-ease),color .2s var(--hpg-ease),transform .12s var(--hpg-ease)}.hpg-chip:hover{background:rgba(var(--color-foreground),.12)}.hpg-chip:active{transform:scale(.97)}.hpg-chip:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.hpg-chip[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:600}.hpg-stage{position:relative;display:block;min-width:0}.hpg-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1.2rem) / 4.25);gap:1.2rem;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.hpg-track::-webkit-scrollbar{display:none}.hpg-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.hpg-track.is-dragging .hpg-card__inner{pointer-events:none}.hpg-track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hpg-dots{display:flex;justify-content:center;align-items:center;gap:0;margin-top:.8rem}.hpg-dots[hidden],.hpg-dot[hidden]{display:none}.hpg-dot{display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer;transition:width .3s var(--hpg-ease)}.hpg-dot:before{content:"";width:.8rem;height:.8rem;border-radius:99px;background:rgba(var(--color-foreground),.18);transition:width .3s var(--hpg-ease),background-color .3s var(--hpg-ease)}.hpg-dot[aria-current=true]{width:4rem}.hpg-dot[aria-current=true]:before{width:2.4rem;background:rgb(var(--color-foreground))}.hpg-dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.hpg-card{scroll-snap-align:start}.hpg-card__inner{position:relative;isolation:isolate;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;background:rgba(var(--color-foreground),.08);color:#fff;text-decoration:none}.hpg-card__inner>img,.hpg-card__inner>svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--hpg-ease-drawer)}.hpg-card__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#14121000 40%,#141210b3);transition:background-color .35s var(--hpg-ease-drawer)}.hpg-card__inner:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.hpg-card__content{position:absolute;left:0;right:0;bottom:0;padding:1.8rem}.hpg-card__title{display:block;margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:2rem;line-height:1.15;color:#fff}.hpg-card__more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s var(--hpg-ease-drawer),opacity .25s var(--hpg-ease)}.hpg-card__clip{display:block;min-height:0;overflow:hidden}.hpg-card__text{display:block;margin:.8rem 0 0;font-size:1.35rem;line-height:1.45;color:#ffffffe6}.hpg-card__label{display:block;margin:1.4rem 0 .6rem;font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3}.hpg-card__list{display:grid;gap:.4rem;font-size:1.3rem;line-height:1.35}.hpg-card__list>span{display:flex;gap:.6rem}.hpg-card__list>span:before{content:"";flex-shrink:0;width:.5rem;height:.5rem;margin-top:.6rem;border-radius:50%;background:currentColor;opacity:.7}.hpg-card__actions{display:block;margin-top:1.6rem;background:transparent}.hpg-card.is-picked .hpg-card__inner{box-shadow:0 0 0 2px rgb(var(--color-foreground))}.hpg-card.is-picked .hpg-card__more,.hpg-card__inner:focus-visible .hpg-card__more{grid-template-rows:1fr;opacity:1}.hpg-card.is-picked .hpg-card__inner:before,.hpg-card__inner:focus-visible:before{background-color:#14121066}.hpg-card__hint{display:none;align-items:center;gap:.5rem;margin-top:.6rem;font-size:1.25rem;line-height:1.2;color:#ffffffd9}.hpg-card__hint svg{width:1.3rem;height:1.3rem}@media(max-width:749px),(hover:none){.hpg-card__hint{display:inline-flex}.hpg-card.is-picked .hpg-card__hint{display:none}}@media(hover:hover)and (min-width:750px){.hpg-card__inner:hover .hpg-card__more{grid-template-rows:1fr;opacity:1}.hpg-card__inner:hover:before{background-color:#14121066}.hpg-card__inner:hover>img{transform:scale(1.05)}}.hpg-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:4rem;height:4rem;margin-top:-3.6rem;border:0;border-radius:6px;background:#1e1e1ed9;color:#fff;cursor:pointer;transition:opacity .2s var(--hpg-ease),transform .12s var(--hpg-ease)}.hpg-arrow:active{transform:scale(.93)}.hpg-arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.hpg-arrow[disabled]{opacity:0;pointer-events:none}.hpg-arrow svg{width:1.8rem;height:1.8rem}.hpg-arrow--prev{left:1.2rem}.hpg-arrow--next{right:1.2rem}@media screen and (max-width:989px){.hpg-grid{gap:2.4rem}.hpg-track{grid-auto-columns:44%}}@media screen and (max-width:749px){.hpg-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-1.5rem;padding-inline:1.5rem;scrollbar-width:none}.hpg-chips::-webkit-scrollbar{display:none}.hpg-chip{flex-shrink:0}.hpg-track{grid-auto-columns:76%;margin-right:-1.5rem;padding-right:1.5rem}.hpg-arrow{display:none}}@media(prefers-reduced-motion:reduce){.hpg-track{scroll-behavior:auto}.hpg-card__inner>img,.hpg-card__more,.hpg-card__inner:before{transition:none}.hpg-card__inner:hover>img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hp-goal-selector.css.map */