.image-hotspots--image{position:relative}.image-hotspots--image .global-image-placeholder{background:#999}.image-hotspots--image.image-ratio-landscape-21x9 .image-hotspots--image-wrapper{height:44vw}.image-hotspots--image.image-ratio-landscape-16x9 .image-hotspots--image-wrapper{height:52vw}.image-hotspots--image.image-ratio-landscape-6x4 .image-hotspots--image-wrapper{height:65vw}.image-hotspots--image.image-ratio-square .image-hotspots--image-wrapper{height:100vw}.image-hotspots--image.image-ratio-portrait .image-hotspots--image-wrapper{height:125vw}.image-hotspots--image.image-ratio-portrait-4x6 .image-hotspots--image-wrapper{height:140vw}.page-width .image-hotspots--image.image-ratio-landscape-21x9 .image-hotspots--image-wrapper{height:calc(44vw - var(--page-margin-mobile))}.page-width .image-hotspots--image.image-ratio-landscape-16x9 .image-hotspots--image-wrapper{height:calc(52vw - var(--page-margin-mobile))}.page-width .image-hotspots--image.image-ratio-landscape-6x4 .image-hotspots--image-wrapper{height:calc(65vw - var(--page-margin-mobile))}.page-width .image-hotspots--image.image-ratio-square .image-hotspots--image-wrapper{height:calc(100vw - var(--page-margin-mobile))}.page-width .image-hotspots--image.image-ratio-portrait .image-hotspots--image-wrapper{height:calc(125vw - var(--page-margin-mobile))}.page-width .image-hotspots--image.image-ratio-portrait-4x6 .image-hotspots--image-wrapper{height:calc(140vw - var(--page-margin-mobile))}.page-width-narrow .image-hotspots--image.image-ratio-landscape-21x9 .image-hotspots--image-wrapper{height:calc(44vw - var(--page-margin-mobile))}.page-width-narrow .image-hotspots--image.image-ratio-landscape-16x9 .image-hotspots--image-wrapper{height:calc(52vw - var(--page-margin-mobile))}.page-width-narrow .image-hotspots--image.image-ratio-landscape-6x4 .image-hotspots--image-wrapper{height:calc(65vw - var(--page-margin-mobile))}.page-width-narrow .image-hotspots--image.image-ratio-square .image-hotspots--image-wrapper{height:calc(100vw - var(--page-margin-mobile))}.page-width-narrow .image-hotspots--image.image-ratio-portrait .image-hotspots--image-wrapper{height:calc(125vw - var(--page-margin-mobile))}.page-width-narrow .image-hotspots--image.image-ratio-portrait-4x6 .image-hotspots--image-wrapper{height:calc(140vw - var(--page-margin-mobile))}@media only screen and (min-width:750px){.section-image-hotspots .page-width-narrow{padding-left:0;padding-right:0}.page-width-narrow .image-hotspots--image.image-ratio-landscape-21x9 .image-hotspots--image-wrapper{height:300px}.page-width-narrow .image-hotspots--image.image-ratio-landscape-16x9 .image-hotspots--image-wrapper{height:395px}.page-width-narrow .image-hotspots--image.image-ratio-landscape-6x4 .image-hotspots--image-wrapper{height:470px}.page-width-narrow .image-hotspots--image.image-ratio-square .image-hotspots--image-wrapper{height:700px}.page-width-narrow .image-hotspots--image.image-ratio-portrait .image-hotspots--image-wrapper{height:875px}.page-width-narrow .image-hotspots--image.image-ratio-portrait-4x6 .image-hotspots--image-wrapper{height:1050px}}@media only screen and (min-width:1025px){.page-width .image-hotspots--image.image-ratio-landscape-21x9 .image-hotspots--image-wrapper{height:calc(44vw - var(--page-margin-desktop))}.page-width .image-hotspots--image.image-ratio-landscape-16x9 .image-hotspots--image-wrapper{height:calc(52vw - var(--page-margin-desktop))}.page-width .image-hotspots--image.image-ratio-landscape-6x4 .image-hotspots--image-wrapper{height:calc(65vw - var(--page-margin-desktop))}.page-width .image-hotspots--image.image-ratio-square .image-hotspots--image-wrapper{height:calc(100vw - var(--page-margin-desktop))}.page-width .image-hotspots--image.image-ratio-portrait .image-hotspots--image-wrapper{height:calc(120vw - var(--page-margin-desktop))}.page-width .image-hotspots--image.image-ratio-portrait-4x6 .image-hotspots--image-wrapper{height:calc(130vw - var(--page-margin-desktop))}}.image-hotspots--image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hotspot-button{-webkit-appearance:none;appearance:none;outline:none;border:0;box-sizing:border-box;display:block!important;border-radius:100%;background:none;color:#000;width:48px;height:48px;position:absolute;z-index:2;cursor:pointer;margin-left:-24px;margin-top:-24px;transition:.2s linear}.hotspot-button:after{content:"";width:10px;height:10px;background:#fff;display:block;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-5px;border-radius:100%}.hotspot-button:hover{transform:scale(115%);box-shadow:inset 0 0 10px 60px #fff3;transition:.2s linear}.hotspot-style-icon .hotspot-button .icon{display:flex;z-index:1;position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);color:inherit}.hotspot-style-icon .hotspot-button{border:4px solid rgba(0,0,0,0)}.hotspot-style-minimal .hotspot-button{border:12px solid rgba(0,0,0,0)}.hotspot-style-icon .hotspot-button:after{content:"";width:24px;height:24px;margin-top:-12px;margin-left:-12px}.hotspots-animate .hotspot-button{animation:hsbpulselight 3s infinite}.hotspot-color-dark.hotspots-animate .hotspot-button{animation:hsbpulsedark 3s infinite}.hotspot-color-dark .hotspot-button{color:#fff}.hotspot-color-dark .hotspot-button:hover{box-shadow:inset 0 0 10px 60px #00000026;transition:.2s linear}.hotspot-color-dark .hotspot-button:after{background:#000;color:#fff}.hotspot-color-dark .hotspot-button:after{background:#000}@keyframes hsbpulselight{0%{box-shadow:inset 0 0 10px 60px #ffffff26}50%{box-shadow:inset 0 0 10px 60px #fff6}to{box-shadow:inset 0 0 10px 60px #ffffff26}}@keyframes hsbpulsedark{0%{box-shadow:inset 0 0 10px 60px #0000001a}50%{box-shadow:inset 0 0 10px 60px #00000040}to{box-shadow:inset 0 0 10px 60px #0000001a}}.hotspot-info{z-index:3;box-sizing:border-box;background:var(--color-background);position:absolute;bottom:10px;left:var(--page-margin-mobile);visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;width:calc(100% - var(--page-margin-mobile) - var(--page-margin-mobile));max-width:none;color:var(--color-foreground);min-height:60px;max-height:calc(100vh - 150px);overflow-x:auto;-webkit-overflow-scrolling:touch}.hotspot-info.hotspot-info-position--inline{max-height:calc(100vh - 300px)}.hotspot--product.hotspot-info-layout--vertical{max-width:400px}@media only screen and (min-width:1025px){.hotspot-info.hotspot-info-position--inline{max-height:calc(100vh - 400px)}}.hotspot-info.open{visibility:visible!important;opacity:1!important}.hotspot-info.hidden{visibility:hidden!important;opacity:0!important}.hotspot-interaction-hover .hotspot-info:hover{visibility:visible;opacity:1}.hotspot-info a:not(.link--underlined){text-decoration:none;padding:0;margin:0}.hotspot-product-card{width:100%;max-width:400px}.hotspot-info-layout--horizontal .hotspot-product-card a{width:fit-content;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:14px}.hotspot-card--image{position:relative;display:block;line-height:0;flex-shrink:0}.hotspot-info-layout--vertical .hotspot-card--image{width:100%}.hotspot-card--image img,.hotspot-card--image video{position:absolute;height:100%;width:100%;top:0;left:0;object-fit:cover;margin:0;padding:0}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image{width:60px;height:75px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-portrait-4x6{width:60px;height:90px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-square{width:80px;height:80px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-landscape-6x4{width:80px;height:55px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-landscape-16x9{width:120px;height:70px}.hotspot--no-product.hotspot-info-layout--horizontal .hotspot-card--image{width:120px;height:150px}.hotspot--no-product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-portrait-4x6{width:120px;height:180px}.hotspot--no-product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-square{width:120px;height:120px}.hotspot--no-product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-landscape-6x4{width:120px;height:80px}.hotspot--no-product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-landscape-16x9{width:120px;height:70px}.hotspot-info-layout--vertical .hotspot-card--image{width:100%;height:0;padding-bottom:125%}.hotspot-info-layout--vertical .hotspot-card--image.card-image-ratio-landscape-6x4{padding-bottom:66%}.hotspot-info-layout--vertical .hotspot-card--image.card-image-ratio-landscape-16x9{padding-bottom:56%}.hotspot-info-layout--vertical .hotspot-card--image.card-image-ratio-square{padding-bottom:100%}.hotspot-info-layout--vertical .hotspot-card--image.card-image-ratio-portrait-4x6{padding-bottom:150%}.hotspot-card--text p{margin:0;margin-top:2rem;margin-bottom:2rem}.hotspot-card--text h3{margin-bottom:1rem;font-size:calc(var(--font-body-base-size-mobile) + 2px)}.hotspot-product-card--text h3{margin-bottom:.5rem;font-size:var(--font-body-base-size-mobile)}.hotspot--product .rte{margin-top:2rem}.hotspot-close-button{color:inherit;outline:none;-webkit-appearance:none;appearance:none;border:0;background:none;width:44px;height:44px;padding:0;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;display:none;cursor:pointer;z-index:2}.hotspot-info.open .hotspot-close-button{display:block}.hotspot-close-button .icon{width:1rem;height:1rem}.hotspot-card--contents{display:flex;flex-wrap:nowrap;column-gap:14px}.hotspot-card--image{width:120px;line-height:0}.hotspot-card--link{margin-top:2rem;margin-bottom:1.5rem}.hotspot-info-layout--vertical .hotspot-card--contents{display:block}.hotspot-info-layout--vertical .hotspot-card--image{width:100%;margin-top:3.5rem}.hotspot-info-layout--vertical .hotspot-card--text,.hotspot-info-layout--vertical .hotspot-product-card--text{margin-top:2rem}.hotspot-info-layout--horizontal.open .hotspot-card--text,.hotspot-info-layout--horizontal.open .hotspot-product-card--text{box-sizing:border-box;padding-right:30px}.hotspot-product-card--price{margin-bottom:5px}@media only screen and (min-width:750px){.hotspot-card--contents{column-gap:2rem}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image{width:80px;height:95px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-portrait-4x6{width:80px;height:120px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-square{width:100px;height:100px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-landscape-6x4{width:100px;height:65px}.hotspot--product.hotspot-info-layout--horizontal .hotspot-card--image.card-image-ratio-landscape-16x9{width:120px;height:70px}}@media only screen and (min-width:950px){.hotspot-card--text h3{margin-bottom:1.5rem;font-size:calc(var(--font-body-base-size-desktop) + 2px)}.hotspot-product-card--text h3{margin-bottom:.5rem;font-size:var(--font-body-base-size-desktop)!important}.hotspot--product{width:380px}.hotspot--product.hotspot-info-layout--vertical{width:280px}.hotspot--no-product{width:400px}.hotspot-card--contents{column-gap:2rem}.hotspot-info-offset-left{transform:translate(-10px) translateY(calc(-100% - 15px))!important}.hotspot-info-offset-right{transform:translate(calc(-100% + 10px)) translateY(calc(-100% - 15px))!important}}.hotspot-info.hi-open--drawer{position:fixed;top:35px!important;bottom:auto!important;transform:none!important;height:calc(100vh - 35px);right:0;left:auto!important;z-index:100;padding:30px!important;overflow-x:auto}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-image-with-hotspots.css.map */