@keyframes zoomInfiniteEffect{0%{transform:scale(1)}50%{transform:scale(2.5)}to{transform:scale(1)}}.hotspot-component{margin-bottom:1.6rem}.card .hotspot-component{margin-bottom:0}.hotspot-component--style:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.32)}.hotspot-component-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-component-point__button{padding:0;width:var(--point-size);height:var(--point-size);background:transparent;border:.15rem solid var(--hotspot-border)}.hotspot-component-point__button:before,.hotspot-component-point__button:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hotspot-component-point__button:before{width:.6rem;height:.6rem;background:var(--hotspot-color);transition:transform var(--duration-default) ease;animation:zoomInfiniteEffect 2s ease infinite}.hotspot-component-point__button:after{width:100%;height:100%;background:var(--hotspot-background)}.hotspot-component-point__button.focused,.hotspot-component-point__button:focus-visible,.hotspot-component-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-component-point__button:focus:not(:focus-visible):not(.focused){box-shadow:inherit}@media screen and (max-width:749px){.hotspot-component-point{top:var(--vertical-mobile, var(--vertical));left:var(--horizontal-mobile, var(--horizontal))}}@media screen and (min-width:750px){.hotspot-component-point{--point-size: 5.6rem}}.hotspot-component-drawer .drawer__close{position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;inset-inline-start:auto;z-index:calc(var(--z-index-temporary, 5) - 2);color:rgba(var(--color-black),1)}.hotspot-component-drawer .drawer__close .svg-wrapper{padding:1rem}.hotspot-component-drawer .drawer__sticky{padding:3.2rem;box-shadow:0 0 1.2rem rgba(var(--color-shadow),.25)}.hotspot-component-drawer .drawer__sticky{box-sizing:border-box;gap:1rem}.hotspot-component-drawer .drawer__sticky .theme-swiper-controls__button{--swiper-navigation-size: 3.6rem;padding:.5rem}.hotspot-component-drawer .drawer__sticky .button{--font-body-weight: 500;text-transform:uppercase;box-sizing:border-box}.hotspot-component-drawer .drawer__sticky .button .icon-quick-add{width:2.2rem;height:2.2rem}.hotspot-component-drawer .drawer__sticky>div:has(.theme-swiper-controls:empty){display:none}.hotspot-component-drawer product-form .button:disabled,.hotspot-component-drawer product-form .button[aria-disabled=true],.hotspot-component-drawer product-form .button.disabled{color:#cfcfcf;background-color:#e7e7e7;border-color:#e7e7e7;opacity:1!important}.hotspot-component-products{padding-bottom:1.6rem}.hotspot-component-product-media{padding:3.2rem 3.2rem 1rem}.hotspot-component-product{-ms-overflow-style:none;scrollbar-width:none}.hotspot-component-product::-webkit-scrollbar{display:none}.hotspot-component-product-inner{padding-left:3.2rem;padding-right:3.2rem}.hotspot-component-product-header{margin-bottom:1.4rem}.hotspot-component-product-heading{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.6rem);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:var(--body-line-height);letter-spacing:var(--heading-letter-spacing, 0);margin-top:0;margin-bottom:.8rem}.hotspot-component-product-price{font-size:calc(1.6rem * var(--font-body-scale));font-weight:400}.hotspot-component-product-options{margin-bottom:1.6rem}.hotspot-component-drawer .swiper-slide{display:flex;flex-direction:column;height:auto}.hotspot-component-drawer .theme-swiper .swiper-navigation,.hotspot-component-drawer .theme-swiper .swiper-pagination{display:none}.hotspot-component-products__counter h3{margin-top:0rem;margin-bottom:0rem}.hotspot-component-drawer .product-form__input--swatch input[type=radio]+label{margin-bottom:0;box-sizing:border-box}@media screen and (min-width:750px){.hotspot-component-drawer .drawer__inner{width:39rem}}@media screen and (min-width:1033px){.hotspot-component-drawer .drawer__sticky:has(.theme-swiper-controls:empty){padding-top:2.4rem}.hotspot-component-products{padding-bottom:2.4rem}}@media screen and (min-width:1440px){.hotspot-component-drawer .drawer__inner{width:42rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-hotspot-component.css.map */