@keyframes zoomInfiniteEffect{0%{transform:scale(1)}50%{transform:scale(2.5)}to{transform:scale(1)}}.hotspot-point{--point-size: 4.8rem;z-index:var(--z-index-flat, 1);line-height:var(--line-height-lowest, 1);top:var(--vertical);left:var(--horizontal);margin-left:calc(-1 * var(--point-size)/2);margin-top:calc(-1 * var(--point-size)/2)}.hotspot-point__button{padding:0;width:var(--point-size);height:var(--point-size);background:transparent;border:.15rem solid var(--hotspot-border)}.hotspot-point__button:before,.hotspot-point__button:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hotspot-point__button:before{width:.8rem;height:.8rem;background:var(--hotspot-color);transition:transform var(--duration-default) ease;animation:zoomInfiniteEffect 2s ease infinite}.hotspot-point__button:after{width:100%;height:100%;background:var(--hotspot-background)}.hotspot-point__button.focused,.hotspot-point__button:focus-visible,.hotspot-point__button:focus{outline:0;box-shadow:0 0 0 .3rem rgba(var(--color-shadow),.1),0 0 0 .5rem rgba(var(--color-shadow),.3),0 0 .5rem .4rem rgba(var(--color-shadow),.3)}.hotspot-point__button:focus:not(:focus-visible):not(.focused){box-shadow:inherit}.hotspot-popup{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: rgb(var(--global-color-background));z-index:calc(var(--z-index-temporary, 5) - 3);visibility:hidden;opacity:0;transition:var(--duration-default) ease;transition-property:opacity,visibility}.hotspot-popup__close{border:none;padding:0;background:transparent;width:3.2rem;height:3.2rem;top:1.6rem;left:1.6rem;z-index:var(--z-index-flat, 1)}.hotspot-popup__close:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.hotspot-popup__inner{padding:5.6rem;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:auto;scrollbar-width:none}.hotspot-popup__content{max-width:48rem;margin:0 auto}.hotspot-popup[open]{visibility:visible;opacity:1;pointer-events:auto}.hotspot-popup .theme-swiper{padding-bottom:8.8rem}.hotspot-popup .swiper-navigation{--swiper-navigation-top-offset: auto}.hotspot-popup .swiper-navigation .swiper-button{bottom:0}.hotspot-popup .swiper-navigation .swiper-button-prev{left:0}.hotspot-popup .swiper-navigation .swiper-button-next{right:0}.hotspot-popup .swiper-pagination{--swiper-pagination-bottom: 1.8rem;padding-left:4.8rem;padding-right:4.8rem;z-index:var(--z-index-flat, 1)}@media screen and (max-width:1032px){.hotspot-popup .card.card-product .card__buttons{display:inline-flex!important}.hotspot-popup .card.card-product .card__buttons .button{color:rgba(var(--color-white),1);background-color:rgba(var(--color-black),1);border-color:rgba(var(--color-black),1)}}@media screen and (max-width:749px){.hotspot-point{top:var(--vertical-mobile, var(--vertical));left:var(--horizontal-mobile, var(--horizontal))}.hotspot-popup .theme-swiper{padding-bottom:7.2rem}.hotspot-popup .swiper-pagination{padding-left:3.2rem;padding-right:3.2rem}.hotspot-popup .swiper-navigation .swiper-button{--swiper-navigation-size: 3.2rem}}@media screen and (min-width:750px){.hotspot-point{--point-size: 6.4rem}}@media screen and (min-width:1033px){.hotspot-popup .card-product .card__content{padding-bottom:0}}.modal.modal--hotspot .modal__inner{max-height:58.5rem}.modal.modal--hotspot .theme-swiper{padding-bottom:7.2rem}.modal.modal--hotspot .swiper-navigation{--swiper-navigation-top-offset: auto}.modal.modal--hotspot .swiper-navigation .swiper-button{--swiper-navigation-size: 3.2rem;bottom:0;padding:.3rem}.modal.modal--hotspot .swiper-navigation .swiper-button-prev{left:0}.modal.modal--hotspot .swiper-navigation .swiper-button-next{right:0}.modal.modal--hotspot .swiper-pagination{--swiper-pagination-bottom: 1.8rem;padding-left:3.2rem;padding-right:3.2rem;z-index:var(--z-index-flat, 1)}@media screen and (max-width:1032px){.modal.modal--hotspot .modal__inner{width:min(calc(100vw - 3rem),40rem)}.modal.modal--hotspot .modal__toggle{top:.8rem;right:auto;left:.8rem;background-color:rgba(var(--color-background),1);border:.1rem solid rgba(var(--color-border),1);border-radius:50%}.modal.modal--hotspot .modal__content{padding:2.4rem}.modal.modal--hotspot .card__content{padding-top:1.6rem;padding-bottom:0;padding-left:0;padding-right:0}.modal.modal--hotspot .card__heading{min-height:unset}.modal.modal--hotspot .theme-swiper{padding-bottom:5.6rem}.modal.modal--hotspot .swiper-pagination{--swiper-pagination-bottom: 1rem}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/component-hotspot.css.map */