.hotspot-banner{width:100%;position:relative}.hotspot-container{display:flex;align-items:center;position:relative}.hotspot-image-area{width:100%;position:relative;padding-top:var(--ratio)}.hotspot-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.image-mobi-hotspot{display:none}.hotspot-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:75rem;padding:0 1.25rem;pointer-events:none;display:flex;justify-content:flex-end}.hotspot-text-inner{width:25rem;pointer-events:auto;text-align:left}.hotspot-text-inner h2{margin-bottom:.5rem;text-align:left;color:#fff}.hotspot-text-inner p{margin-bottom:1.5rem;text-align:left;color:#fff;font-size:1.25rem;letter-spacing:.025rem;line-height:2.1875rem}.hotspot-btn{display:inline-block;padding:.875rem 1.875rem;border-radius:62.5rem;background:#fff;color:#000;font-weight:600;text-decoration:none}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:10;pointer-events:auto}.hotspot-dot{position:relative;display:block!important;width:1.2vw;height:1.2vw;min-width:1rem;min-height:1rem;max-width:1.625rem;max-height:1.625rem;border-radius:50%;background:#fff;cursor:pointer}.hotspot-dot:after{content:"";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border:.0625rem solid rgba(255,255,255,.8);border-radius:50%}.hotspot-card{position:absolute;top:-.625rem;left:50%;z-index:20;width:13.75rem;padding:.875rem;border-radius:.75rem;background:#fff;text-align:center;box-shadow:0 .75rem 1.875rem #0000002e;transform:translate(-50%,-100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.hotspot-card:before{content:"";position:absolute;left:50%;bottom:-1rem;transform:translate(-50%);width:100%;height:1.25rem;background:transparent}.hotspot:hover .hotspot-card{opacity:1;visibility:visible;pointer-events:auto}.hotspot-title{margin-bottom:.5rem;font-weight:700}.hotspot-subtitle{font-size:.9375rem;line-height:1.5}@media(max-width:56.25rem){.hotspot.active .hotspot-card{opacity:1;visibility:visible;pointer-events:auto}.hotspot-image-area{padding-top:35.9375rem}.hotspot-container{flex-direction:column}.hotspot-card{top:-.625rem;left:50%;width:10.875rem;padding:0;border-radius:1.25rem;transform:translateY(-66%)}.hotspot-card:before{display:none}.hotspot:last-child .hotspot-card{right:.5625rem;left:unset;transform:translateY(-66%)}.hotspot-text{bottom:0;left:0;top:auto;justify-content:flex-start;padding:3.125rem 1.875rem;transform:none}.hotspot-text-inner{align-items:flex-start}.hotspot-has-image .hotspot{left:var(--x-mobi);top:var(--y-mobi)}.hotspot-text-inner p{max-width:16.75rem;font-size:.9375rem;letter-spacing:.01875rem;line-height:1.5625rem}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/tzn_hotspot.css.map */