.product-hotspot__header{display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--fluid-offset, 24px);padding-right:var(--fluid-offset, 24px);margin-block:var(--space-11)}.product-hotspot__heading{margin:0;font-weight:500;letter-spacing:-.02em;line-height:1}.product-hotspot__header-row{display:flex;align-items:flex-start;gap:var(--space-4)}.product-hotspot__subtitle{margin:0;align-self:center}@media screen and (min-width:990px){.product-hotspot__header{margin-block:var(--space-22)}}product-hotspot.product-hotspot__container{display:block;position:relative;width:100%;overflow:hidden;background-color:rgb(var(--color-atomic-black))}.product-hotspot__image,.product-hotspot__placeholder{display:block;width:100%;height:auto}.product-hotspot__container picture{display:block;width:100%}@media screen and (min-width:750px){product-hotspot.product-hotspot__container{height:150vh}.product-hotspot__container picture,.product-hotspot__image,.product-hotspot__placeholder{width:100%;height:100%;object-fit:cover}}.product-hotspot__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-atomic-black));opacity:var(--overlay-opacity, 0);pointer-events:none;z-index:1}.product-hotspot__pin{position:absolute;left:var(--pin-x, 63%);top:var(--pin-y);z-index:3;transition:opacity .2s ease}@property --line-y{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.product-hotspot__line{position:absolute;left:var(--line-x, 63%);top:50%;transform:translate(-50%,-50%);width:1px;height:300vh;background-color:rgb(var(--color-atomic-white));pointer-events:none;z-index:2;transition:left .3s cubic-bezier(.4,0,.2,1),--line-y .3s cubic-bezier(.4,0,.2,1);--line-gap: 46px;-webkit-mask-image:linear-gradient(to bottom,black calc(var(--line-y, 50%) - var(--line-gap)),transparent calc(var(--line-y, 50%) - var(--line-gap)),transparent calc(var(--line-y, 50%) + var(--line-gap)),black calc(var(--line-y, 50%) + var(--line-gap)));mask-image:linear-gradient(to bottom,black calc(var(--line-y, 50%) - var(--line-gap)),transparent calc(var(--line-y, 50%) - var(--line-gap)),transparent calc(var(--line-y, 50%) + var(--line-gap)),black calc(var(--line-y, 50%) + var(--line-gap)))}.product-hotspot__card{--card-expanded: clamp(240px, 22vw, 380px);position:absolute;top:0;left:0;transform:translate(calc(-50% + var(--card-shift, 0px)),-50%);display:flex;align-items:center;width:92px;height:92px;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:5px;overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;z-index:4;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.product-hotspot__card:hover,.product-hotspot__card:focus-visible{box-shadow:0 4px 16px #00000026}.product-hotspot__card:focus-visible{outline:2px solid rgb(var(--color-atomic-white));outline-offset:3px}.product-hotspot__pin[data-open] .product-hotspot__card{width:var(--card-expanded)}.product-hotspot__card-plus{display:none}.product-hotspot__card-image{flex-shrink:0;width:92px;height:92px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-hotspot__card-img{width:100%;height:100%;object-fit:contain;padding:var(--space-1, .5rem)}.product-hotspot__card-placeholder{width:100%;height:100%;object-fit:contain;padding:var(--space-2, 1rem)}.product-hotspot__card-info{flex:0 0 auto;width:calc(var(--card-expanded) - 92px);display:flex;flex-direction:column;justify-content:center;gap:var(--space-1, .5rem);padding:0 var(--space-4, 2rem) 0 var(--space-2, 1rem);opacity:0;transition:opacity .12s ease;pointer-events:none}.product-hotspot__pin[data-open] .product-hotspot__card-info{opacity:1;transition:opacity .2s ease .15s;pointer-events:auto}.product-hotspot__card-name{font-family:var(--font-body-family);font-weight:700;font-size:var(--font-size-B4);color:rgb(var(--color-atomic-black));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-hotspot__card-price{font-family:var(--font-body-family);font-weight:400;font-size:var(--font-size-B4);color:rgb(var(--color-atomic-black));line-height:1.4;font-kerning:none}@media screen and (max-width:749px){.product-hotspot__heading{font-size:var(--font-size-H3)}.product-hotspot__line{display:none}.product-hotspot__card{width:16px;height:16px;border-radius:2px;background:rgb(var(--color-atomic-white));backdrop-filter:none;-webkit-backdrop-filter:none;border:none}.product-hotspot__card-plus{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgb(var(--color-atomic-black))}.product-hotspot__card-plus .icon-plus{width:8px;height:8px;stroke-width:1.5}.product-hotspot__card-image,.product-hotspot__card-info{display:none}.product-hotspot__pin--has-mobile{left:var(--pin-x-mobile, var(--pin-x, 63%));top:var(--pin-y-mobile, var(--pin-y))}}@media(prefers-reduced-motion:reduce){.product-hotspot__pin,.product-hotspot__card,.product-hotspot__card-info{transition:none}}@media print{.product-hotspot__pin{display:none}}.info-drawer__header.product-hotspot__modal-header{align-items:center}.product-hotspot__modal-title{color:rgb(var(--color-atomic-black))}.product-hotspot__modal-scroller{display:flex;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-4);-webkit-overflow-scrolling:touch}.product-hotspot__modal-card{flex:0 0 290px;width:290px;scroll-snap-align:start}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-product-hotspot.css.map */