@keyframes zoomInfiniteEffect{0%{transform:scale(1)}50%{transform:scale(1.8)}to{transform:scale(1)}}.hotspot-point{--point-size: 4.4rem;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{padding:0;width:var(--point-size);height:var(--point-size);background:transparent;border:.25rem solid rgba(var(--color-hotspot),.6);box-shadow:0 0 7px #0006}.hotspot-point__button:before,.hotspot-point__button:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hotspot-point__button:before{width:1.2rem;height:1.2rem;background:#fff;transition:transform var(--duration-default) ease;animation:zoomInfiniteEffect 2s ease infinite;z-index:1}.hotspot-point__button:after{width:100%;height:100%;background:rgba(var(--color-hotspot),.6);border:2.5px solid #fff}.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-point.active .hotspot-point__button{--color-hotspot: 244, 121, 32}.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,.hotspot-card__close{border:none;padding:0;background:transparent;color:#fff;width:2.5rem;height:2.5rem;top:1.6rem;left:1.6rem;z-index:var(--z-index-flat, 1)}.hotspot-card__close{top:1.6rem;left:1.6rem}.hotspot-popup__close:before,.hotspot-card__close:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.hotspot-card{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: var(--global-gradient-background)}.hotspot-popup__inner,.hotspot-card__inner{padding:5.6rem;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:auto;scrollbar-width:none}.hotspot-card__inner{padding-left:1.8rem;padding-right:1.8rem;background:linear-gradient(180deg,#4f4c4d,#221f20)}.hotspot-popup__content,.hotspot-card__content{max-width:35.4rem;margin:0 auto;height:100%}.hotspot-popup[open]{visibility:visible;opacity:1;pointer-events:auto}.hotspot-popup .theme-swiper,.hotspot-card .theme-swiper{padding-bottom:6.6rem}.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)}.hotspot-card .hotspot-card__content .swiper-slide .swiper-pagination{--swiper-pagination-bottom: 0rem;padding-left:0rem;padding-right:0rem;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: 4.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}.hotspot-popup .swiper-navigation .swiper-button-prev,.hotspot-card .swiper-navigation .swiper-button-prev{left:3.5rem}.hotspot-popup .swiper-navigation .swiper-button-next,.hotspot-card .swiper-navigation .swiper-button-next{right:3.5rem}.hotspot-card .swiper-navigation .swiper-button-next{right:1rem}.hotspot-card .swiper-navigation .swiper-button-prev{left:1rem}}@media screen and (min-width:1366px){.hotspot-card__inner{padding:6rem 6rem 3rem}.hotspot-card__close{top:1.6rem;left:1.6rem}.hotspot-popup .theme-swiper,.hotspot-card .theme-swiper{padding-bottom:7.1rem}}.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-navigation--parent{--swiper-navigation-background-color: rgba(255, 255, 255, 1);--swiper-navigation-color: rgba(34, 31, 32, 1);--swiper-navigation-border-color: rgba(255, 255, 255, 1);--swiper-navigation-background-color-hover: rgba(243, 110, 33, 1);--swiper-navigation-color-hover: rgba(255, 255, 255, 1);--swiper-navigation-border-color-hover: rgba(243, 110, 33, 1);--swiper-navigation-background-color-disabled: rgba(211, 210, 210, 1);--swiper-navigation-color-disabled: rgba(123, 121, 121, 1);--swiper-navigation-border-color-disabled: rgba(211, 210, 210, 1)}.modal.modal--lookbook .swiper-navigation.swiper-navigation--parent .swiper-button{--swiper-navigation-size: 3.6rem;bottom:0;padding:1rem}.modal.modal--lookbook .swiper-navigation.swiper-navigation--parent .swiper-button-prev{left:3.5rem}.modal.modal--lookbook .swiper-navigation.swiper-navigation--parent .swiper-button-next{right:3.5rem}.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)}.modal.modal--lookbook .swiper-pagination-count{padding-left:3.2rem;padding-right:3.2rem;z-index:var(--z-index-flat, 1)}.model.modal--lookbook{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;display:flex;visibility:hidden;opacity:0;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;z-index:calc(var(--z-index-temporary, 5) + 1);overscroll-behavior:contain}@media screen and (max-width:1032px){.modal.modal--lookbook .modal__inner{width:min(calc(100vw - 3rem),40rem)}.modal.modal--lookbook .modal__toggle{top:1.6rem;right:auto;left:1.6rem;background-color:rgba(var(--color-background),0);border:.1rem solid rgba(var(--color-border),0);color:#fff}.modal.modal--lookbook .modal__content{padding:7rem 1.8rem 2.8rem;background:linear-gradient(180deg,#4f4c4d,#221f20)}.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 .theme-swiper{padding-bottom:6.5rem;height:100%}.modal.modal--lookbook .swiper-pagination{--swiper-pagination-bottom: 1.4rem}.modal.modal--lookbook .swiper-pagination--parent.swiper-pagination-bullets:not(.swiper-pagination-count){display:none}.modal.modal--lookbook .swiper-pagination-bullets:not(.swiper-pagination-count){--swiper-pagination-bottom: 0;padding-left:0;padding-right:0}.modal.modal--lookbook .swiper-pagination-count{display:block;padding-inline:7.1rem}}@media screen and (max-width:749px){.modal.modal--lookbook .theme-swiper{padding-bottom:0rem;height:100%}.modal.modal--lookbook .modal__inner{max-height:64rem}}@media screen and (max-width:450px){.modal--lookbook-bottom{bottom:0;justify-content:center;align-items:flex-end}.modal.modal--lookbook-bottom .modal__inner{width:100vw}.modal--lookbook-bottom .modal__inner{max-width:100vw;min-width:min(100vw,40rem);border:solid rgba(var(--color-foreground),var(--drawer-border-opacity));border-width:0rem;transition:transform var(--duration-default) ease}.modal--lookbook-bottom .modal__inner{transform:translateY(100%)}.modal--lookbook-bottom.active .modal__inner{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-hotspot.css.map */