.hp-shop-img{padding-block:var(--hp-shop-img-pad-start, 4rem) var(--hp-shop-img-pad-end, 4rem)}.hp-shop-img__frame{position:relative;display:block;aspect-ratio:1309 / 488}.hp-shop-img__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;border-radius:1rem;background-color:rgb(var(--hp-dark-brown-100))}.hp-shop-img__media .hp-shop-img__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--hp-shop-img-pos, center)}.hp-shop-img__gradient{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;pointer-events:none}.hp-shop-img__gradient--bottom{background:linear-gradient(to top,#1205084d,#12050800)}.hp-shop-img__gradient--top{background:linear-gradient(to bottom,#1205084d,#12050800)}.hp-shop-img__spot{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);inline-size:0;block-size:0}.hp-shop-img__spot.is-open,.hp-shop-img__spot:focus-within{z-index:2}@media(hover:hover){.hp-shop-img__spot:hover{z-index:2}}.hp-shop-img__marker{position:absolute;inset-inline-start:-1.6rem;inset-block-start:-1.6rem;display:grid;place-items:center;inline-size:3.2rem;block-size:3.2rem;padding:0;border:0;background:none;color:rgb(var(--hp-dark-brown-100));cursor:pointer}.hp-shop-img__chip{display:grid;place-items:center;box-sizing:border-box;inline-size:2.2rem;block-size:2.2rem;border:.05rem solid rgb(var(--hp-dark-brown-100));background-color:rgb(var(--hp-cream-100))}.hp-shop-img__chip--label{font-family:var(--hp-font-body);font-weight:var(--hp-font-weight-regular);font-size:1.4rem;line-height:1;letter-spacing:0;text-transform:uppercase}.hp-shop-img__chip--label{padding-block-start:calc(2 * var(--hp-digit-optical-nudge))}.hp-shop-img__chip--plus{border-radius:50%}.hp-shop-img__chip{position:relative}.hp-shop-img__chip:after{content:"";position:absolute;top:-.05rem;right:-.05rem;bottom:-.05rem;left:-.05rem;border-radius:inherit;box-shadow:0 0 0 .1rem rgba(var(--hp-cream-100),.6);opacity:0;pointer-events:none;animation:hp-shop-img-pulse 4s cubic-bezier(.37,0,.63,1) infinite}@keyframes hp-shop-img-pulse{0%{opacity:0;transform:scale(1)}12%{opacity:.5}60%,to{opacity:0;transform:scale(1.5)}}.hp-shop-img__spot.is-open .hp-shop-img__chip:after,.hp-shop-img__spot:focus-within .hp-shop-img__chip:after{animation:none}@media(hover:hover){.hp-shop-img__spot:hover .hp-shop-img__chip:after{animation:none}}@media(prefers-reduced-motion:reduce){.hp-shop-img__chip:after{animation:none}}.hp-shop-img__chip--plus svg{display:block;inline-size:1.0667rem;block-size:1.0667rem}.hp-shop-img__marker:focus-visible{outline:none}.hp-shop-img__marker:focus-visible .hp-shop-img__chip{outline:.2rem solid rgb(var(--hp-cream-100));outline-offset:.2rem}.hp-shop-img__card{position:absolute;inset-inline-start:-1.1rem;inset-block-end:2rem;z-index:1;display:flex;align-items:flex-end;inline-size:23rem;block-size:8rem;border-radius:.3211rem;background-color:#321e1e4d;box-shadow:0 0 .3854rem #00000026;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);color:rgb(var(--hp-cream-50));text-decoration:none;opacity:0;visibility:hidden;translate:0 .4rem;transition:opacity var(--hp-duration-hover) var(--hp-ease-out),translate var(--hp-duration-hover) var(--hp-ease-out),visibility 0s linear var(--hp-duration-hover)}.hp-shop-img__card:before{content:"";position:absolute;inset-inline:0;inset-block-start:100%;block-size:2rem}@media screen and (min-width:750px){.hp-shop-img__spot--end .hp-shop-img__card{inset-inline-start:auto;inset-inline-end:-1.1rem}.hp-shop-img__spot--below .hp-shop-img__card{inset-block-end:auto;inset-block-start:2rem;translate:0 -.4rem}.hp-shop-img__spot--below .hp-shop-img__card:before{inset-block-start:auto;inset-block-end:100%}}.hp-shop-img__spot.is-open .hp-shop-img__card,.hp-shop-img__spot:focus-within .hp-shop-img__card{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}@media(hover:hover){.hp-shop-img__spot:hover .hp-shop-img__card{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}}.hp-shop-img__thumb{flex:none;align-self:stretch;inline-size:8rem;overflow:hidden;border-start-start-radius:.3211rem;border-end-start-radius:.3211rem}.hp-shop-img__thumb .hp-shop-img__thumb-image,.hp-shop-img__thumb img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.hp-shop-img__title{display:block;inline-size:12.414rem;margin-inline-start:1rem;margin-block-end:1.307rem;font-family:var(--hp-font-heading);font-weight:var(--hp-font-weight-bold);font-size:1.2rem;line-height:1.25;letter-spacing:0;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:.095em;text-underline-offset:.21em}.hp-shop-img__last{white-space:nowrap}.hp-shop-img__arrow svg{display:inline-block;inline-size:1.0703rem;block-size:.8109rem;margin-inline-start:.82rem;vertical-align:-.0181rem}.hp-shop-img__card:focus-visible{outline:.2rem solid rgb(var(--hp-cream-100));outline-offset:.3rem}@media screen and (max-width:749px){.hp-shop-img__frame{container-type:inline-size;aspect-ratio:var(--hp-shop-img-ratio-m, 1309 / 488)}.hp-shop-img__spot{inset-inline-start:var(--xm, var(--x));inset-block-start:var(--ym, var(--y))}.hp-shop-img__spot--hide-m{display:none}.hp-shop-img__card{inset-inline-start:clamp(calc(var(--xmn, 50) * -1cqi),-1.1rem,calc(100cqi - 23rem - var(--xmn, 50) * 1cqi))}.hp-shop-img__spot--below-m .hp-shop-img__card{inset-block-end:auto;inset-block-start:2rem;translate:0 -.4rem}.hp-shop-img__spot--below-m .hp-shop-img__card:before{inset-block-start:auto;inset-block-end:100%}.hp-shop-img__spot--below-m.is-open .hp-shop-img__card,.hp-shop-img__spot--below-m:focus-within .hp-shop-img__card{translate:0 0}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/section-hp-shoppable-image.css.map */