.zoller_image-hotspots .image-hotspot-wrap{position:relative;display:flex;flex-direction:column}.zoller_image-hotspots .image-hotspot-wrap .overflow-content{position:relative;margin:0 auto}.zoller_image-hotspots .image-hotspot-wrap.fixed-height img{height:300px;max-width:unset}.zoller_image-hotspots .image-hotspot-wrap.fixed-height .overflow-text{margin:39px 15px 0;max-width:100%}.zoller_image-hotspots .image-hotspot-wrap.fixed-height .hotspot .text-block{display:none!important}.zoller_image-hotspots .image-hotspot-wrap.fixed-height .scroll-area{overflow-x:auto}.zoller_image-hotspots .image-hotspot-wrap.fixed-height .scroll-area::-webkit-scrollbar{width:2px;height:10px}.zoller_image-hotspots .image-hotspot-wrap.fixed-height:after{content:"";display:block;width:160px;height:107px;background-size:cover;margin:15px auto 0}.zoller_image-hotspots .image-hotspot-wrap:not(.fixed-height) .overflow-text{display:none!important}.zoller_image-hotspots .image-hotspot-wrap .text-block{box-shadow:0 0 10px #0000001a;border:none;display:none;position:absolute;max-width:600px;width:100%;opacity:0;z-index:999999;transition:opacity .3s ease-in;padding:40px;border-radius:0}.zoller_image-hotspots .image-hotspot-wrap .text-block.active{opacity:1}.zoller_image-hotspots .image-hotspot-wrap .text-block h3{font-weight:700;font-size:var(--font-5xl-size);line-height:var(--font-4xl-line-height)}.zoller_image-hotspots .image-hotspot-wrap .text-block p{font-size:var(--font-2xl-size);line-height:var(--font-l-line-height)}.zoller_image-hotspots .image-hotspot-wrap .text-block *{color:var(--color-text)}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker{display:flex;flex-direction:column-reverse}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker img{rotate:45deg}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker:hover span{visibility:visible}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker span{visibility:hidden;justify-content:center;padding:5px;border-radius:4px;background-color:#000;color:#fff;text-align:center;top:-75px;font-size:var(--font-2xl-size);line-height:var(--font-m-line-height);width:200px;position:absolute;align-items:center;max-height:60px}@media (min-width: 768px){.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker span{line-height:var(--font-l-line-height);width:288px;padding:15px}}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker span.long-description{top:-100px;max-height:80px;padding:10px}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker span.long-description:after{margin:13px auto}.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker span:after{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:12px 9.5px 0 9.5px;border-color:#000000 transparent transparent transparent;transform:rotate(0);margin:5px auto}@media (min-width: 768px){.zoller_image-hotspots .image-hotspot-wrap .hotspot .marker span:after{margin:15px auto}}.zoller_image-hotspots .image-hotspot-wrap .hotspot.active .marker:before{opacity:1;transition:opacity .3s ease-in}.zoller_image-hotspots .image-hotspot-wrap .hotspot.active .text-block{opacity:1}.zoller_image-hotspots .image-hotspot-wrap .hotspot[data-position=right] .marker:before{transform:rotate(-90deg) translateY(45px)}.zoller_image-hotspots .image-hotspot-wrap .hotspot[data-position=right] .text-block{margin-top:-35px;transform:translate(48px)}.zoller_image-hotspots .image-hotspot-wrap .hotspot[data-position=left] .marker:before{transform:rotate(90deg) translateY(37px)}.zoller_image-hotspots .image-hotspot-wrap .hotspot[data-position=left] .text-block{margin-top:-35px;transform:translate(calc(-100% - 48px))}.zoller_image-hotspots .image-hotspot-wrap .hotspot[data-position=top] .marker:before{transform:translateY(33px);margin-left:3px}.zoller_image-hotspots .image-hotspot-wrap .hotspot[data-position=top] .text-block{left:0!important;right:0;margin-left:15px;margin-right:15px;margin-top:38px;max-width:calc(100% - 30px)}.zoller_image-hotspots .image-hotspot-content{position:fixed;top:0;right:0;width:85%;height:100vh;transition:transform .5s ease;transform:translate(100%);background:#fff;z-index:999;overflow:hidden;max-width:600px;box-shadow:0 0 10px #0000001a}@media (min-width: 576px){.zoller_image-hotspots .image-hotspot-content:not(.style-sidebar){display:none}}.zoller_image-hotspots .image-hotspot-content__wrapper{padding:75px 40px 40px}.zoller_image-hotspots .image-hotspot-content .hotspot-content{visibility:hidden;height:0;transition:transform .5s ease}.zoller_image-hotspots .image-hotspot-content .hotspot-content.active{visibility:visible;height:auto}.zoller_image-hotspots .image-hotspot-content.active{transform:translate(0)}.zoller_image-hotspots .image-hotspot-content__controller{position:absolute;bottom:20px;padding-block:20px;padding-inline:45px;display:flex;width:100%;gap:30px}.zoller_image-hotspots .image-hotspot-content__controller button{cursor:pointer;border:none;background:none}.zoller_image-hotspots .image-hotspot-content h3{font-size:var(--font-6xl-size);line-height:var(--font-6xl-line-height);font-weight:750;padding-bottom:32px}@media (min-width: 576px){.zoller_image-hotspots .image-hotspot-content h3{font-size:48px;line-height:54px}}.zoller_image-hotspots .image-hotspot-content p{font-size:var(--font-2xl-size);line-height:var(--font-m-line-height)}.zoller_image-hotspots .marker{position:absolute;width:30px;height:30px;margin-top:-18px;margin-left:-18px;cursor:pointer;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease}.zoller_image-hotspots .marker__content{background:#fff;border:1px solid var(--color-gray-40);border-radius:16px}.zoller_image-hotspots .marker.yellow{background:var(--color-primary);box-shadow:0 0 10px 5px #f0e60099}.zoller_image-hotspots .marker.yellow:after{border-color:var(--color-primary)}.zoller_image-hotspots .marker.blue{background:var(--color-blue);box-shadow:0 0 10px 5px #019fe399}.zoller_image-hotspots .marker.blue:after{border-color:var(--color-blue)}.zoller_image-hotspots .marker.orange{background:var(--color-orange);box-shadow:0 0 10px 5px #fdbf0d99}.zoller_image-hotspots .marker.orange:after{border-color:var(--color-orange)}.zoller_image-hotspots .marker.green{background:var(--color-green);box-shadow:0 0 10px 5px #01963f99}.zoller_image-hotspots .marker.green:after{border-color:var(--color-green)}.zoller_image-hotspots .marker span{font-size:28px;line-height:1;font-family:sans-serif}.zoller_image-hotspots .marker.image-hotspot-content__closer{top:40px;right:32px}.zoller_image-hotspots .active .marker:not(.image-hotspot-content__closer),.zoller_image-hotspots .marker:hover{box-shadow:none}