.\#hot-spots{--hot-spot-dot-size: 2.5rem;--hot-spot-dot-bg: var(--color-g-fg);--hot-spot-dot-color: var(--color-g-text);--hot-spot-card-bg: var(--color-g-fg);--hot-spot-card-color: var(--color-g-text);--hot-spot-card-blur: 0px}.\#hot-spots-media{position:relative}.\#hot-spots-spot{--hot-spot-x: var(--hot-spot-x-mobile);--hot-spot-y: var(--hot-spot-y-mobile);position:absolute;left:var(--hot-spot-x);top:var(--hot-spot-y);transform:translate(-50%,-50%);z-index:2}@media(min-width:992px){.\#hot-spots-spot{--hot-spot-x: var(--hot-spot-x-desktop);--hot-spot-y: var(--hot-spot-y-desktop)}}.\#hot-spots-spot summary{list-style:none}.\#hot-spots-dot{border:2px solid var(--color-g-bg);padding:0;cursor:pointer;width:var(--hot-spot-dot-size);height:var(--hot-spot-dot-size);border-radius:999px;background:var(--hot-spot-dot-bg);color:var(--hot-spot-dot-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--color-g-text-alpha-10) 0 .5rem 1rem -.5rem;transition:transform .2s ease,box-shadow .2s ease}.\#hot-spots-dot::-webkit-details-marker,.\#hot-spots-dot::marker{display:none}.\#hot-spots-dot-label{font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.01em}.\#hot-spots-spot[open] .\#hot-spots-dot,.\#hot-spots-spot:hover .\#hot-spots-dot,.\#hot-spots-spot:focus-within .\#hot-spots-dot{transform:scale(1.05);box-shadow:var(--color-g-text-alpha-20) 0 .75rem 1.5rem -.75rem}.\#hot-spots-card{position:absolute;top:50%;left:calc(var(--hot-spot-dot-size) / 2 + .75rem);transform:translateY(-50%) translate(.5rem);min-width:200px;max-width:280px;padding:1.25rem;border-radius:var(--border-radius-base);background:var(--hot-spot-card-bg);color:var(--hot-spot-card-color);border:1px solid var(--color-g-text-alpha-10);box-shadow:var(--color-g-text-alpha-10) 0 1.25rem 2.5rem -1.25rem,var(--color-g-text-alpha-20) 0 .5rem 1rem -.75rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(var(--hot-spot-card-blur));backdrop-filter:blur(var(--hot-spot-card-blur))}.\#hot-spots-spot.\@align\:end .\#hot-spots-card{left:auto;right:calc(var(--hot-spot-dot-size) / 2 + .75rem);transform:translateY(-50%) translate(-.5rem)}.\#hot-spots-spot[open] .\#hot-spots-card,.\#hot-spots-spot:hover .\#hot-spots-card,.\#hot-spots-spot:focus-within .\#hot-spots-card{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.\#hot-spots-spot.\@align\:end[open] .\#hot-spots-card,.\#hot-spots-spot.\@align\:end:hover .\#hot-spots-card,.\#hot-spots-spot.\@align\:end:focus-within .\#hot-spots-card{transform:translateY(-50%) translate(0)}.\#hot-spots-card-icon{margin-bottom:.75rem}.\#hot-spots-card-icon img{display:block;width:3.5rem;height:3.5rem;border-radius:var(--border-radius-inner);object-fit:cover}.\#hot-spots-card-heading{margin:0 0 .5rem}.\#hot-spots-card-text{margin:0}.\#hot-spots-card-text p{margin:0 0 .5rem}.\#hot-spots-card-text p:last-child{margin-bottom:0}.\#hot-spots-card-action{margin-top:.75rem}@media(max-width:991px){.\#hot-spots-card{top:calc(100% + .75rem);left:50%;right:auto;transform:translate(-50%) translateY(.5rem)}.\#hot-spots-spot.\@align\:end .\#hot-spots-card{right:auto;left:50%;transform:translate(-50%) translateY(.5rem)}.\#hot-spots-spot[open] .\#hot-spots-card,.\#hot-spots-spot:hover .\#hot-spots-card,.\#hot-spots-spot:focus-within .\#hot-spots-card{transform:translate(-50%) translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hot-spots.css.map */