.shoppable-image-hotspots{display:flex;flex-direction:column;gap:2.4rem;padding:2rem}.shoppable-image-hotspots__media-col{display:flex;flex-direction:column;gap:2rem}.shoppable-image-hotspots__header{text-align:left}.shoppable-image-hotspots__heading{font-family:"More Sugar",var(--font-heading-family, sans-serif);font-weight:400;font-size:4.4rem;line-height:1;letter-spacing:-.05em;margin:0 0 1rem;color:var(--color-shoppable-hotspots-accent, #3BCDF1)}.shoppable-image-hotspots__heading p{margin:0}.shoppable-image-hotspots__subheading-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.4rem}.shoppable-image-hotspots__subheading{font-family:Poppins,sans-serif;font-weight:500;font-size:2rem;line-height:100%;letter-spacing:-.05em;margin:0;color:#4d4747}.shoppable-image-hotspots__mascot{flex-shrink:0;width:5.6rem}.shoppable-image-hotspots__mascot img{width:100%;height:auto;display:block}.shoppable-image-hotspots__mascot--media{display:block;position:absolute;top:-2.4rem;right:-1rem;width:8.8rem;z-index:3}.shoppable-image-hotspots__mascot--inline{display:none}@media screen and (min-width:750px){.shoppable-image-hotspots__mascot--media{display:none}.shoppable-image-hotspots__mascot--inline{display:block;width:22.87rem}}.shoppable-image-hotspots__view-all{font-size:1.6rem;text-decoration:underline;color:rgb(var(--color-foreground))}.shoppable-image-hotspots__media{position:relative;border-radius:2.4rem;overflow:visible;isolation:isolate}.shoppable-image-hotspots__image{display:block;width:100%;height:auto;object-fit:cover;border-radius:2.4rem}.shoppable-image-hotspots__image--desktop{display:none}.hotspot-dot--desktop,.hotspot-popup--desktop{display:none!important;pointer-events:none!important}.hotspot-dot--mobile{display:flex!important;pointer-events:auto!important}.hotspot-popup--mobile{display:block!important}@media screen and (min-width:750px){.shoppable-image-hotspots{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;padding:4rem}.shoppable-image-hotspots__heading{font-size:5.6rem}.shoppable-image-hotspots__subheading{font-size:6.4rem}.hotspot-popup__inner{gap:1rem;border-radius:1.4rem;padding:1rem 1rem 1rem 1.4rem;max-width:60vw}.hotspot-popup__label{font-size:2.555rem;line-height:2.555rem}.hotspot-popup__add{width:3.2rem;height:3.2rem}.hotspot-popup__add svg{width:1.4rem;height:1.4rem}.shoppable-image-hotspots__image--mobile{display:none}.shoppable-image-hotspots__image--desktop{display:block}.hotspot-dot--mobile,.hotspot-popup--mobile{display:none!important;pointer-events:none!important}.hotspot-dot--desktop{display:flex!important;pointer-events:auto!important}.hotspot-popup--desktop{display:block!important}.hotspot-popup--desktop.active{pointer-events:auto!important}}.hotspot-block-anchor{position:absolute;transform:translate(-50%,-50%);z-index:2}.hotspot-block-anchor--empty{width:1px;height:1px;opacity:0;pointer-events:none}.hotspot-dot{position:absolute;transform:translate(-50%,-50%);width:2.4rem;height:2.4rem;padding:0;border:none;background:transparent;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.hotspot-dot__ring{position:relative;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;border:2px solid var(--color-shoppable-hotspots-accent, #3fb6f2);box-shadow:0 0 0 4px #ffffff8c}.hotspot-dot__ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--color-shoppable-hotspots-accent, #3fb6f2)}.hotspot-dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:hotspot-pulse 2.2s ease-out infinite}.hotspot-dot.active:before{animation:none;opacity:0}@keyframes hotspot-pulse{0%{transform:scale(.8);opacity:.9}70%{transform:scale(1.6);opacity:0}to{opacity:0}}.hotspot-popup{position:absolute;transform:translate(-50%,calc(-100% - 2.2rem));z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.hotspot-popup.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,calc(-100% - 1.6rem))}.hotspot-popup__inner{display:flex;align-items:center;gap:.8rem;background:#fff;border-radius:1.2rem;padding:.8rem .8rem .8rem 1.2rem;box-shadow:0 .6rem 1.8rem #0000002e;white-space:nowrap;max-width:70vw}.hotspot-popup__label{font-family:Poppins,sans-serif;font-weight:500;font-size:1.4rem;line-height:1.4rem;letter-spacing:-.05em;color:#4d4747;white-space:normal}.hotspot-popup__add{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:none;background:#4d4747;color:#fff;cursor:pointer}.hotspot-popup__add svg{width:1.1rem;height:1.1rem}.hotspot-popup__add.is-loading{opacity:.6;pointer-events:none}.hotspot-popup__add.is-added{background:#3aa76d}.hotspot-popup__soldout{font-size:1.3rem;color:#a33}.hotspot-popup__arrow{position:absolute;left:50%;bottom:-.7rem;transform:translate(-50%);width:1.4rem;height:1.4rem;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}.shoppable-image-hotspots__cta{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;border:none;border-radius:3rem;padding:1.1rem 2rem;background:var(--color-shoppable-hotspots-cta, #ffd94a);color:#4d4747;font-family:Poppins,sans-serif;font-weight:500;font-size:20px;line-height:1;letter-spacing:-.05em;text-align:center;cursor:pointer}.shoppable-image-hotspots__cta.is-loading{opacity:.7;pointer-events:none}@media screen and (min-width:750px){.shoppable-image-hotspots__cta{width:100%;align-self:stretch;padding:1.7rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/shoppable-image-hotspots.css.map */