hotspot-items{--hotspot-size: 4rem;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:4;transition:all var(--animation-speed-medium) ease-out}hotspot-items .hotspot{position:absolute;left:var(--position-x);top:var(--position-y);transform:translate(-50%,-50%);z-index:1;transition:all var(--animation-speed-medium) ease-out;opacity:1}hotspot-items .hotspot .hotspot-btn{position:relative;width:var(--hotspot-size);height:var(--hotspot-size);background-color:var(--scheme-text-color);border-radius:50%;box-shadow:0 0 0 8px #ffffff4d}hotspot-items .hotspot .hotspot-btn:before,hotspot-items .hotspot .hotspot-btn:after{content:"";position:absolute;width:38%;height:4px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--scheme-link-background);transition:all var(--animation-speed-fast) linear}hotspot-items .hotspot .hotspot-btn:before{transform:translate(-50%,-50%) rotate(90deg)}hotspot-items .hotspot.active{z-index:2}hotspot-items .hotspot.active .hotspot-btn:before{transform:translate(-50%,-50%) rotate(0)}hotspot-items .hotspot.active .hotspot-btn{background-color:var(--scheme-background-gradient)}hotspot-items .hotspot .hotspot-content{padding:2em;width:24rem;opacity:0;position:absolute;left:50%;top:100%;transform:translate(-50%,1em);z-index:2;background-color:var(--scheme-background-gradient);border-radius:var(--hotspot-border-radius);box-shadow:var(--floating-box-shadow);transition:opacity var(--animation-speed-medium) ease-out;max-width:calc(100vw - 2rem)}hotspot-items .hotspot.active .hotspot-content{opacity:1}hotspot-items .hotspot.active .hotspot-content{left:max(1rem,min(50%,calc(100% - 12rem)));transform:translate(-50%,1em)}hotspot-items .hotspot.active .hotspot-content.bottom-up{top:auto;bottom:100%;transform:translate(-50%,-1em)}hotspot-items .hotspot .hotspot-image{margin-bottom:.75em}hotspot-items .hotspot .price .compare{text-decoration:line-through;opacity:.6}hotspot-items .hotspot .price>*{padding-right:.4em}hotspot-items .hotspot .arrow{padding:.25em;font-size:1em}@media (max-width: 66em){hotspot-items{--hotspot-size: 2.4rem}hotspot-items .hotspot .hotspot-btn{box-shadow:0 0 0 4px #ffffff4d}hotspot-items .hotspot.active .hotspot-content{max-width:20rem;padding:.5em}hotspot-items .hotspot .arrow{font-size:.65em}hotspot-items .hotspot.active .hotspot-content{max-width:calc(100vw - 1rem);left:max(.5rem,min(50%,calc(100% - 10rem)))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hotspot_items.css.map */