.luvia-hotspots{overflow:hidden;position:relative}.luvia-hotspots__container{max-width:1000px;margin:0 auto}@media screen and (min-width:900px){.luvia-hotspots__container{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start}}.luvia-hotspots__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px}.luvia-hotspots__image{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000000d;transform:rotateY(-3deg) rotateX(1deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1)}.luvia-hotspots__image-wrapper:hover .luvia-hotspots__image{transform:rotateY(0) rotateX(0);box-shadow:0 20px 50px #0000001f}.luvia-hotspots__placeholder{width:100%;max-width:500px;aspect-ratio:1 / 1.5;background:rgb(var(--luvia-ivory));border-radius:8px;display:flex;align-items:center;justify-content:center}.luvia-hotspots__placeholder .placeholder-svg{width:60%;height:auto;opacity:.5}.luvia-hotspot-group{position:absolute;z-index:2;transform:translate(-50%,-50%)}.luvia-hotspot-group.is-active,.luvia-hotspot-group.is-locked{z-index:10}.luvia-hotspot{position:relative;width:36px;height:36px;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.luvia-hotspot__dot{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgb(var(--luvia-aqua));border:2px solid rgb(var(--color-background));border-radius:50%;box-shadow:0 2px 8px #0003;transition:transform var(--luvia-duration-default) var(--luvia-easing),background-color var(--luvia-duration-default) var(--luvia-easing)}.luvia-hotspot__number{font-size:var(--luvia-text-sm);font-weight:600;color:rgb(var(--luvia-charcoal));line-height:var(--luvia-leading-none)}.luvia-hotspot:hover .luvia-hotspot__dot,.luvia-hotspot:focus-visible .luvia-hotspot__dot,.luvia-hotspot-group.is-active .luvia-hotspot__dot{transform:scale(1.15);background:rgb(var(--luvia-aqua-dark))}.luvia-hotspot:focus-visible{outline:none}.luvia-hotspot:focus-visible .luvia-hotspot__dot{outline:2px solid rgb(var(--luvia-aqua));outline-offset:3px}.luvia-hotspot__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:rgba(var(--luvia-aqua),.4);border-radius:50%;animation:luvia-hotspot-pulse 2s ease-out infinite;pointer-events:none}.luvia-hotspot:hover .luvia-hotspot__pulse,.luvia-hotspot-group.is-active .luvia-hotspot__pulse{animation-play-state:paused;opacity:0}@keyframes luvia-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.luvia-hotspot__tooltip{position:absolute;display:flex;align-items:center;gap:.6rem;background:rgb(var(--color-background));padding:.6rem 1rem;border-radius:8px;box-shadow:0 4px 16px #0000001f;max-width:180px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--luvia-duration-default) var(--luvia-easing),visibility var(--luvia-duration-default) var(--luvia-easing),transform var(--luvia-duration-default) var(--luvia-easing)}.luvia-hotspot-group.is-active .luvia-hotspot__tooltip{opacity:1;visibility:visible;pointer-events:auto}.luvia-hotspot__tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px)}.luvia-hotspot-group.is-active .luvia-hotspot__tooltip--right{transform:translateY(-50%) translate(0)}.luvia-hotspot__tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}.luvia-hotspot-group.is-active .luvia-hotspot__tooltip--left{transform:translateY(-50%) translate(0)}.luvia-hotspot__tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px)}.luvia-hotspot-group.is-active .luvia-hotspot__tooltip--top{transform:translate(-50%) translateY(0)}.luvia-hotspot__tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px)}.luvia-hotspot-group.is-active .luvia-hotspot__tooltip--bottom{transform:translate(-50%) translateY(0)}.luvia-hotspot__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(var(--luvia-aqua),.1);border-radius:50%;color:rgb(var(--luvia-aqua-dark));flex-shrink:0}.luvia-hotspot__icon svg{width:14px;height:14px}.luvia-hotspot__tooltip-title{font-size:var(--luvia-text-sm);font-weight:600;color:rgb(var(--luvia-charcoal));line-height:var(--luvia-leading-tight)}.luvia-hotspots__list{display:flex;gap:var(--luvia-space-md);margin-top:var(--luvia-space-xl);padding:0 var(--luvia-space-md);margin-left:calc(-1 * var(--luvia-space-md));margin-right:calc(-1 * var(--luvia-space-md));overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.luvia-hotspots__list::-webkit-scrollbar{display:none}@media screen and (min-width:900px){.luvia-hotspots__list{flex-direction:column;gap:0;margin-top:0;padding:0;margin-left:0;margin-right:0;overflow-x:visible;scroll-snap-type:none}}.luvia-hotspots__list-item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--luvia-space-md);flex:0 0 280px;padding:var(--luvia-space-md) var(--luvia-space-md);background:transparent;border:none;border-right:1px solid rgba(var(--luvia-charcoal),.08);border-radius:0;box-shadow:none;scroll-snap-align:start;transition:all var(--luvia-duration-default) var(--luvia-easing);cursor:pointer;position:relative}.luvia-hotspots__list-item:last-child{border-right:none;margin-right:var(--luvia-space-md)}@media screen and (min-width:900px){.luvia-hotspots__list-item{flex-direction:row;align-items:flex-start;flex:none;gap:var(--luvia-space-md);padding:var(--luvia-space-md) 0;border-right:none;border-bottom:1px solid rgba(var(--luvia-charcoal),.08);scroll-snap-align:none}.luvia-hotspots__list-item:last-child{border-bottom:none;margin-right:0}}.luvia-hotspots__list-item:hover .luvia-hotspots__list-number,.luvia-hotspots__list-item.is-active .luvia-hotspots__list-number{background:rgb(var(--luvia-aqua));border-color:rgb(var(--luvia-aqua));color:rgb(var(--luvia-charcoal))}.luvia-hotspots__list-number{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid rgb(var(--luvia-charcoal));color:rgb(var(--luvia-charcoal));font-size:var(--luvia-text-sm);font-weight:600;border-radius:50%;margin-top:2px;transition:all var(--luvia-duration-default) var(--luvia-easing)}.luvia-hotspots__list-content{flex:1;min-width:0}.luvia-hotspots__list-title{font-size:var(--luvia-text-base);font-weight:600;color:rgb(var(--luvia-charcoal));margin:0 0 4px;transition:color var(--luvia-duration-default) var(--luvia-easing)}.luvia-hotspots__list-item:hover .luvia-hotspots__list-title,.luvia-hotspots__list-item.is-active .luvia-hotspots__list-title{color:rgb(var(--luvia-aqua-dark))}.luvia-hotspots__list-text{font-size:var(--luvia-text-sm);color:rgb(var(--luvia-slate));margin:0;line-height:var(--luvia-leading-relaxed)}.luvia-hotspots__list-details{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .3s ease,margin .3s ease;margin-top:0}.luvia-hotspots__list-details>*{overflow:hidden}.luvia-hotspots__list-item.is-active .luvia-hotspots__list-details{grid-template-rows:1fr;opacity:1;margin-top:var(--luvia-space-md)}.luvia-hotspots__list-details-inner{display:grid;grid-template-columns:auto 1fr;gap:var(--luvia-space-md);padding-top:var(--luvia-space-sm);border-top:1px solid rgba(var(--luvia-charcoal),.08)}.luvia-hotspots__list-details-image{flex-shrink:0}.luvia-hotspots__detail-img{width:120px;height:auto;border-radius:8px;box-shadow:0 2px 8px #00000014}.luvia-hotspots__list-details-text{font-size:var(--luvia-text-sm);color:rgb(var(--luvia-slate));line-height:var(--luvia-leading-relaxed)}.luvia-hotspots__list-details-text p{margin:0 0 .5em}.luvia-hotspots__list-details-text p:last-child{margin-bottom:0}.luvia-hotspots__list-toggle{display:block;width:24px;height:24px;position:absolute;top:var(--luvia-space-md);right:var(--luvia-space-md)}@media screen and (min-width:900px){.luvia-hotspots__list-toggle{position:relative;top:auto;right:auto;flex-shrink:0;margin-left:auto;margin-top:2px}}.luvia-hotspots__list-toggle:before,.luvia-hotspots__list-toggle:after{content:"";position:absolute;top:50%;left:50%;background:rgb(var(--luvia-charcoal));transition:transform .2s ease,opacity .2s ease}.luvia-hotspots__list-toggle:before{width:12px;height:2px;transform:translate(-50%,-50%)}.luvia-hotspots__list-toggle:after{width:2px;height:12px;transform:translate(-50%,-50%)}.luvia-hotspots__list-item.is-active .luvia-hotspots__list-toggle:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.luvia-hotspots__list-item:hover .luvia-hotspots__list-toggle:before,.luvia-hotspots__list-item:hover .luvia-hotspots__list-toggle:after,.luvia-hotspots__list-item.is-active .luvia-hotspots__list-toggle:before{background:rgb(var(--luvia-aqua-dark))}.luvia-hotspots__cta{text-align:center;margin-top:var(--luvia-space-xl)}@media screen and (min-width:900px){.luvia-hotspots__cta{text-align:left;margin-top:var(--luvia-space-lg)}}@media(prefers-reduced-motion:reduce){.luvia-hotspot__pulse{animation:none}.luvia-hotspot__tooltip,.luvia-hotspots__list-item,.luvia-hotspot__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/luvia-product-hotspots.css.map */