@keyframes zoomInfiniteEffect{0%{transform:scale(1)}50%{transform:scale(2.5)}to{transform:scale(1)}}.hotspot-point{--point-size: 4.8rem;display:block;position:absolute;z-index:var(--z-index-flat, 1);line-height:var(--line-height-lowest, 1);margin-left:calc(-1 * var(--point-size)/2);margin-top:calc(-1 * var(--point-size)/2)}.hotspot-point__button{-webkit-appearance:none;appearance:none;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;width:var(--point-size);height:var(--point-size);background:transparent;cursor:pointer;border-radius:50%;border:.15rem solid rgba(var(--color-hotspot),1);color:currentColor}.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:rgba(var(--color-hotspot),1);transition:transform var(--duration-default) ease;animation:zoomInfiniteEffect 2s ease infinite}.hotspot-point__button:after{width:100%;height:100%;background:rgba(var(--color-hotspot),.3)}.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));display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-index-temporary, 5) - 3);visibility:hidden;opacity:0;pointer-events:none;transition:var(--duration-default) ease;transition-property:opacity,visibility}.hotspot-popup__close,.hotspot-card__close{-webkit-appearance:none;appearance:none;overflow:hidden;border:none;padding:.8rem;background:transparent;width:3.2rem;height:3.2rem;position:absolute;top:1.6rem;left:1.6rem;cursor:pointer;z-index:var(--z-index-flat, 1);color:currentColor}.hotspot-card__close{top:0;left:0}.hotspot-popup__close:before,.hotspot-card__close:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.hotspot-popup__close svg,.hotspot-card__close svg{width:100%;height:100%}.hotspot-card{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: var(--global-gradient-background);width:100%}.hotspot-popup__inner,.hotspot-card__inner{height:100%;padding:5.6rem;position:relative;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:auto;scrollbar-width:none}.hotspot-card__inner{padding-left:0;padding-right:0}.hotspot-popup__content,.hotspot-card__content{max-width:48rem;width:100%;margin:0 auto;position:relative}.hotspot-popup[open]{visibility:visible;opacity:1;pointer-events:auto}.hotspot-popup .theme-swiper,.hotspot-card .theme-swiper{padding-bottom:8.8rem}.hotspot-popup .swiper-navigation,.hotspot-card .swiper-navigation{--swiper-navigation-top-offset: auto}.hotspot-popup .swiper-navigation .swiper-button,.hotspot-card .swiper-navigation .swiper-button{bottom:0}.hotspot-popup .swiper-navigation .swiper-button-prev,.hotspot-card .swiper-navigation .swiper-button-prev{left:0}.hotspot-popup .swiper-navigation .swiper-button-next,.hotspot-card .swiper-navigation .swiper-button-next{right:0}.hotspot-popup .swiper-pagination,.hotspot-card .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,.hotspot-card .card.card-product .card__buttons{display:inline-flex!important}.hotspot-popup .card.card-product .card__buttons .button,.hotspot-card .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-popup .theme-swiper,.hotspot-card .theme-swiper{padding-bottom:7.2rem}.hotspot-popup .swiper-pagination,.hotspot-card .swiper-pagination{padding-left:3.2rem;padding-right:3.2rem}.hotspot-popup .swiper-navigation .swiper-button,.hotspot-card .swiper-navigation .swiper-button{--swiper-navigation-size: 3.2rem}}@media screen and (min-width: 750px){.hotspot-point{--point-size: 6.4rem}}@media (min-width: 750px) and (max-width: 1032px){.hotspot-card .card-product .card__content{padding-left:0;padding-right:0}}@media screen and (min-width: 1033px){.hotspot-popup .card-product .card__content{padding-bottom:0}}@media screen and (min-width: 1366px){.hotspot-card__inner{padding:5.6rem}.hotspot-card__close{top:1.6rem;left:1.6rem}}.modal.modal--lookbook .modal__inner{max-height:58.5rem}.modal.modal--lookbook .theme-swiper{padding-bottom:7.2rem}.modal.modal--lookbook .swiper-navigation{--swiper-navigation-top-offset: auto}.modal.modal--lookbook .swiper-navigation .swiper-button{--swiper-navigation-size: 3.2rem;bottom:0;padding:.3rem}.modal.modal--lookbook .swiper-navigation .swiper-button-prev{left:0}.modal.modal--lookbook .swiper-navigation .swiper-button-next{right:0}.modal.modal--lookbook .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--lookbook .modal__inner{width:min(calc(100vw - 3rem),40rem)}.modal.modal--lookbook .modal__toggle{top:.8rem;left:auto;right:.8rem;background-color:transparent}.modal.modal--lookbook .modal__content{padding:4rem 2.4rem 2.4rem}.modal.modal--lookbook .card__content{padding-top:1.6rem;padding-bottom:0;padding-left:0;padding-right:0}.modal.modal--lookbook .card__heading{min-height:unset}.modal.modal--lookbook .card__buttons{display:flex!important;grid-gap:.8rem}.modal.modal--lookbook .card__buttons .button{color:rgba(var(--color-button-text-hover),1);border-color:rgba(var(--color-button-border-hover),1);background:rgba(var(--color-button-hover),1);background:var(--gradient-button-hover)}.modal.modal--lookbook .theme-swiper{padding-bottom:5.6rem}.modal.modal--lookbook .swiper-pagination{--swiper-pagination-bottom: 1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hotspot.css.map */