.image-hotspots{width:100%}.image-hotspots__media{position:relative;width:100%;line-height:0}.image-hotspots__image{width:100%;height:auto;display:block}.image-hotspots__point{position:absolute;top:var(--top-mb, 50%);left:var(--left-mb, 50%);transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;padding:clamp(.6rem,1.1vw,1.4rem) clamp(1rem,1.7vw,2.2rem);margin:0;border:0;border-radius:.2rem;font-family:AvenirLTStd-Heavy,sans-serif;font-size:clamp(1rem,1.4vw,1.8rem);line-height:1.2;letter-spacing:-.05rem;text-transform:uppercase;white-space:nowrap;text-decoration:none;cursor:pointer;backdrop-filter:blur(2rem) saturate(180%);-webkit-backdrop-filter:blur(2rem) saturate(180%);transition:all .3s}@media(min-width:768px){.image-hotspots__media{aspect-ratio:1200 / 518}.image-hotspots__image{height:100%;object-fit:cover}.image-hotspots__point{top:var(--top-dt, 50%);left:var(--left-dt, 50%)}}.image-hotspots__point:after{content:"";position:absolute;top:100%;left:var(--triangle-x-mb, 50%);transform:translate(-50%);width:clamp(1.6rem,1.9vw,2.5rem);height:clamp(.6rem,.75vw,1rem);clip-path:polygon(50% 100%,0 0,100% 0);backdrop-filter:blur(2rem) saturate(180%);-webkit-backdrop-filter:blur(2rem) saturate(180%);transition:all .3s}@media(min-width:768px){.image-hotspots__point:after{left:var(--triangle-x-dt, 50%)}}.image-hotspots__point--light{background:#fff9;color:#000}.image-hotspots__point--light:after{background:#fff9}.image-hotspots__point--dark{background:linear-gradient(135deg,#ffffff2e,#ffffff0f);color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff59}.image-hotspots__point--dark:after{background:linear-gradient(135deg,#ffffff2e,#ffffff0f)}.image-hotspots__point:hover{background:#a8a8a8;color:#121714;box-shadow:none}.image-hotspots__point:hover:after{background:#a8a8a8}.image-hotspots__point[aria-pressed=true],.image-hotspots__point[aria-pressed=true]:hover{background:#ebebeb;color:#121714;box-shadow:none}.image-hotspots__point[aria-pressed=true]:after,.image-hotspots__point[aria-pressed=true]:hover:after{background:#ebebeb}.image-hotspots__point--card{position:absolute;top:var(--top-mb, 50%);left:var(--left-mb, 50%);transform:translate(-50%,-50%);z-index:1}.image-hotspots__point--card.is-open{z-index:2}.image-hotspots__card-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:#2f3532;cursor:pointer}.image-hotspots__card-toggle:before{content:"+";font-family:AvenirLTStd-Heavy,sans-serif;font-size:20px;line-height:1;transition:transform .3s ease}.image-hotspots__point--card.is-open .image-hotspots__card-toggle:before{transform:rotate(45deg)}.image-hotspots__card{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;width:255px;max-width:70vw;padding:10px;border-radius:2px;background:#fff;color:#121714}.image-hotspots__card[hidden]{display:none}.image-hotspots__card .image-hotspots__card-title{margin:0;font-family:AvenirLTStd-Heavy,sans-serif;font-size:14px;line-height:18px;letter-spacing:-.5px;text-transform:uppercase}.image-hotspots__card-body,.image-hotspots__card-body p{margin:0;font-size:13px;line-height:17px;letter-spacing:-.3px}.image-hotspots__point--card.is-above .image-hotspots__card{top:auto;bottom:calc(100% + 9px)}@media(min-width:768px){.image-hotspots__point--card{top:var(--top-dt, 50%);left:var(--left-dt, 50%)}.image-hotspots__card-toggle{width:46px;height:46px}.image-hotspots__card-toggle:before{font-size:28px}.image-hotspots__card{top:50%;left:calc(100% + 9px);transform:translateY(-50%);gap:14px;padding:20px}.image-hotspots__card .image-hotspots__card-title{font-size:18px;line-height:22px}.image-hotspots__card-body,.image-hotspots__card-body p{font-size:16px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/image-hotspots.css.map */