.hotspot{align-items:center;background-color:rgb(var(--color-body));box-shadow:0 3px 6px #00000052;border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer;display:flex;font-size:1.2rem;height:3.2rem;justify-content:center;opacity:1;position:absolute;transition:opacity var(--duration-default) ease;width:3.2rem;z-index:2}.hotspot--active{z-index:5}.hotspot--active .hotspot__popup{opacity:1;visibility:visible}.hotspot:before{border:.1rem solid rgb(var(--color-body));border-radius:5rem;content:"";height:var(--layout-space-24);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--layout-space-24)}.hotspot__popup{background-color:rgb(var(--color-body));border-radius:.6287rem;display:flex;flex-direction:column;opacity:0;padding:0;position:absolute;transition:var(--duration-default) ease-in-out;transition-property:opacity,visibility;visibility:hidden;width:calc(100vw - (var(--layout-space-40)));z-index:3}.hotspot__close{align-items:center;background-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.1rem solid rgb(var(--color-body));border-radius:50%;color:rgb(var(--color-body));display:flex;height:var(--layout-space-24);justify-content:center;left:50%;position:absolute;top:calc(100% + var(--layout-space-32));transform:translate(-50%,-50%);width:var(--layout-space-24)}.hotspot__close .icon{flex-shrink:0;height:var(--layout-space-12);width:var(--layout-space-12)}.hotspot__image{border-radius:.6287rem .6287rem 0 0;height:25rem;object-fit:cover}.hotspot__content{display:flex;flex-direction:column;padding:var(--layout-space-5) var(--layout-space-8) var(--layout-space-8)}.hotspot__row{display:flex;justify-content:space-between;margin-bottom:var(--layout-space-6)}.hotspot__column{display:flex;flex-direction:column;gap:var(--layout-space-2);justify-content:space-between}.hotspot__title,.hotspot__price{font-size:var(--text-size-base);font-weight:var(--font-weight-bold)}.hotspot__title{line-height:2rem;font-family:var(--font-heading-family)}.hotspot__price{color:rgb(var(--color-base-brand-error));line-height:2.2rem}.hotspot__price,.hotspot__compare{text-align:right}.hotspot__type,.hotspot__compare{line-height:1.76rem}.hotspot__type{font-size:var(--text-size-s);font-weight:var(--font-weight-medium)}.hotspot__compare{font-size:var(--text-size-xs)}.hotspot__swatches{align-items:center;display:flex;gap:var(--layout-space-5);margin-bottom:var(--layout-space-8)}.hotspot__swatch{border:.1rem solid transparent;border-radius:4rem;cursor:pointer;height:var(--layout-space-10);width:var(--layout-space-10)}.hotspot__swatch--active{border-color:rgb(var(--color-foreground))}.hotspot__swatch--active .hotspot__swatch-panel .icon-tick{display:block}.hotspot__swatch-panel{align-items:center;background-clip:padding-box;border-radius:4rem;display:flex;height:100%;justify-content:center;width:100%}.hotspot__swatch-panel .icon-tick{display:none;height:auto;width:var(--layout-space-8)}.hotspot__button{align-items:center;color:inherit;display:flex;font-size:var(--text-size-s);font-weight:var(--font-weight-semibold);gap:var(--layout-space-4);margin-left:auto;margin-top:auto;text-decoration:none}.hotspot__icon{align-items:center;background-color:rgb(var(--color-foreground));border-radius:5rem;color:rgb(var(--color-body));display:flex;height:var(--layout-space-12);justify-content:center;width:var(--layout-space-12)}@media screen and (max-width: 989px){.hotspot__popup{left:50vw;position:fixed;top:50vh;transform:translate(-50%,-50%);max-width:50rem}.hotspot__swatches{margin-bottom:var(--layout-space-6)}}@media screen and (min-width: 990px){.hotspot{font-size:1.4rem;height:var(--layout-space-10);width:var(--layout-space-10)}.hotspot:before{height:var(--layout-space-24);width:var(--layout-space-24)}.hotspot__popup{flex-direction:row;left:calc(100% + 4rem);top:50%;transition-property:opacity,transform,visibility;transform:translateY(-50%);width:max-content}.hotspot__popup--left{left:unset;right:calc(100% + 4rem)}.hotspot__hotspot--active .hotspot__popup{transform:translateY(0)}.hotspot__close{display:none}.hotspot__image{border-radius:.6287rem 0 0 .6287rem;height:auto;width:19.8rem;background-color:rgb(var(--color-off-white))}.hotspot__row{margin-bottom:var(--layout-space-8)}.hotspot__column{display:flex;flex-direction:column;gap:1rem}.hotspot__title,.hotspot__price{font-size:var(--text-size-lg)}.hotspot__type{font-size:var(--text-size-base)}.hotspot__compare{font-size:var(--text-size-s)}.hotspot__button{font-size:var(--text-size-base);gap:var(--layout-space-8)}.hotspot__icon{height:var(--layout-space-16);width:var(--layout-space-16)}}
/*# sourceMappingURL=/cdn/shop/t/698/assets/hotspots.css.map */