.hotspot-banner__title{margin:0 auto;text-align:center}.hotspot-banner__text{margin:24px auto 0;text-align:center;font-size:1rem;line-height:1.63}.hotspot-banner__content{margin-bottom:56px}.hotspot-banner__image{position:relative;width:88%;aspect-ratio:1432 / 740;border-radius:16px;margin-left:auto;margin-right:auto;transition:width .05s linear}.hotspot-banner__image>img{width:100%;height:100%;object-fit:cover;border-radius:16px}.hotspot-banner__tooltip{position:absolute;width:12px;height:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hotspot-banner__tooltip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background-color:#19191c80;z-index:1;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.hotspot-banner__tooltip:hover:before{transform:translate(-50%,-50%) scale(1.2)}.hotspot-banner__tooltip-dot{position:absolute;width:12px;height:12px;border-radius:50%;background-color:#fff;z-index:4;animation:hotspot-dot-pulse 2s ease-out infinite}.hotspot-banner__tooltip:hover .hotspot-banner__tooltip-dot{animation:hotspot-dot-pulse-hover 2s ease-out infinite}.hotspot-banner__tooltip-ring{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:none;border:2px solid #19191c90;animation:hotspot-ring 1.4s cubic-bezier(0,0,.2,1) infinite;z-index:3}.hotspot-banner__tooltip:hover .hotspot-banner__tooltip-ring{animation:hotspot-ring-hover 1.4s cubic-bezier(0,0,.2,1) infinite}.hotspot-banner__tooltip-wave{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background-color:#19191c50;animation:hotspot-wave 1.4s cubic-bezier(0,0,.2,1) infinite .2s;z-index:2}.hotspot-banner__tooltip:hover .hotspot-banner__tooltip-wave{animation:hotspot-wave-hover 1.4s cubic-bezier(0,0,.2,1) infinite .2s}@keyframes hotspot-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes hotspot-dot-pulse-hover{0%{transform:scale(1.2);opacity:1}70%{transform:scale(1.7)}to{transform:scale(1.2)}}@keyframes hotspot-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(3.8);opacity:0}}@keyframes hotspot-ring-hover{0%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}to{transform:translate(-50%,-50%) scale(4.5);opacity:0}}@keyframes hotspot-wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(5.5);opacity:0}}@keyframes hotspot-wave-hover{0%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}to{transform:translate(-50%,-50%) scale(6.3);opacity:0}}.hotspot-banner__popup{position:absolute;bottom:0;right:0;transform:translate(100%,100%);min-width:395px;width:max-content;padding:4px;background-color:#19191c80;border-radius:12px;display:none;cursor:default;z-index:99}.hotspot-banner__popup-content{display:flex;gap:12px}.hotspot-banner__popup-image{width:128px;height:128px;border-radius:8px;overflow:hidden;position:relative}.hotspot-banner__popup-image img{width:100%;height:100%;object-fit:cover}.hotspot-banner__popup-info{display:flex;flex-direction:column;justify-content:space-between;padding:8px 16px 8px 0;width:calc(100% - 140px)}.hotspot-banner__popup-title{font-family:var(--font-family-secondary);color:var(--color-heading-light);font-size:1.125rem;line-height:1.33;font-weight:400;margin-bottom:4px}.hotspot-banner__popup-variant{color:var(--color-heading-light);font-size:.875rem;line-height:1.5;margin-bottom:8px}.hotspot-banner__popup-info-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.hotspot-banner__popup-price--compare{font-family:var(--font-family-secondary);color:#b3b8bd;font-size:1.125rem;line-height:1.33;font-weight:400;text-decoration:line-through}.hotspot-banner__popup-price--sale,.hotspot-banner__popup-price--regular{font-family:var(--font-family-secondary);color:var(--color-heading-light);font-size:1.125rem;line-height:1.33;font-weight:400;text-decoration:none}.hotspot-banner__popup-link{line-height:21px}.hotspot-banner__tooltip.active:before{background-color:#ffffff80}.hotspot-banner__tooltip.active .hotspot-banner__tooltip-dot{background-color:#19191c;animation:none;transform:none;width:12px;height:12px}.hotspot-banner__tooltip.active .hotspot-banner__tooltip-ring,.hotspot-banner__tooltip.active .hotspot-banner__tooltip-wave{animation:none;opacity:0}@media(max-width:1279px){.hotspot-banner__text{margin-top:16px}.hotspot-banner__content{margin-bottom:40px}.hotspot-banner__image{aspect-ratio:752/389}}@media(max-width:799px){.hotspot-banner__image{aspect-ratio:1/1;border-radius:12px;width:100%}.hotspot-banner__image>img{border-radius:12px}.hotspot-banner__popup{width:max-content;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none}.hotspot-banner__popup-content{gap:4px;align-items:flex-start}.hotspot-banner__popup-image{width:80px;height:80px;padding:4px;box-sizing:border-box;background-color:#19191c80;border-radius:8px;flex-shrink:0;color:#19191c80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:1.8px 2.2px .5px -1.6px #fffc inset,-2.1px -2.2px .5px -1.6px #fff6 inset,2px 3px 2px #ffffff0d inset,10px 15px 10px #ffffff0d inset,-10px -15px 10px #ffffff05 inset}.hotspot-banner__popup-image img{border-radius:6px;background-color:#f6f5f3}.hotspot-banner__popup-info{min-width:231px;min-height:119px;background-color:#19191c80;border-radius:8px;padding:12px 16px;color:#19191c80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:1.8px 2.2px .5px -1.6px #fffc inset,-2.1px -2.2px .5px -1.6px #fff6 inset,2px 3px 2px #ffffff0d inset,10px 15px 10px #ffffff0d inset,-10px -15px 10px #ffffff05 inset}.hotspot-banner__popup-title{font-size:.875rem;line-height:1.71;margin-bottom:4px}.hotspot-banner__popup-variant{font-size:.75rem;line-height:1.5;margin-bottom:0}.hotspot-banner__popup-price--sale,.hotspot-banner__popup-price--regular,.hotspot-banner__popup-price--compare{font-size:.875rem;line-height:1.71}.hotspot-banner__popup-link{min-height:32px;padding:0 12px;font-size:.875rem;line-height:21px;border-radius:8px}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/desk_hotspot-banner.css.map */