.oat-image-hotspots{box-sizing:border-box}.oat-image-hotspots__header{margin:0 auto 48px;max-width:800px;text-align:center}.oat-image-hotspots__title{color:#1a1a1a;margin:0}.oat-image-hotspots__container{margin:0 auto;max-width:1200px;overflow:visible;position:relative}.oat-image-hotspots__image-wrapper{overflow:visible;position:relative;width:100%}.oat-image-hotspots__image{border-radius:var(--ih-corner-radius,8px);display:block;height:100%;object-fit:cover;width:100%}.oat-image-hotspots__image-wrapper--16-9{aspect-ratio:16/9}.oat-image-hotspots__image-wrapper--4-3{aspect-ratio:4/3}.oat-image-hotspots__image-wrapper--3-2{aspect-ratio:3/2}.oat-image-hotspots__image-wrapper--1-1{aspect-ratio:1/1}.oat-image-hotspots__placeholder{align-items:center;background-color:rgba(0,0,0,.05);color:#666;display:flex;height:400px;justify-content:center;width:100%}.oat-image-hotspots__placeholder-icon{height:64px;opacity:.3;width:64px}.oat-image-hotspots__hotspots-layer{inset:0;pointer-events:none;position:absolute}.oat-image-hotspots__hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);z-index:10}.oat-image-hotspots__hotspot--active{z-index:20}.oat-image-hotspots__marker{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:calc(var(--ih-marker-size, 24px)*.5);font-weight:600;height:var(--ih-marker-size,24px);justify-content:center;line-height:1;padding:0;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:var(--ih-marker-size,24px)}.oat-image-hotspots__marker:focus,.oat-image-hotspots__marker:hover{filter:brightness(.85);outline:none;transform:scale(1.15)}.oat-image-hotspots__marker:focus-visible{box-shadow:0 0 0 3px hsla(0,0%,100%,.5),0 0 0 5px var(--ih-marker-color,#2563eb)}.oat-image-hotspots__marker--dot{background-color:var(--ih-marker-color,#2563eb);box-shadow:0 2px 8px rgba(0,0,0,.3)}.oat-image-hotspots__marker--ring{background-color:transparent;border:3px solid var(--ih-marker-color,#2563eb);box-shadow:0 2px 8px rgba(0,0,0,.2)}.oat-image-hotspots__marker--ring:after{background-color:var(--ih-marker-color,#2563eb);border-radius:50%;content:"";height:40%;width:40%}.oat-image-hotspots__marker--pulse{background-color:var(--ih-marker-color,#2563eb);box-shadow:0 2px 8px rgba(0,0,0,.3);position:relative}.oat-image-hotspots__marker--pulse:before{animation:oatHotspotPulse var(--ih-pulse-speed,2s) ease-out infinite;border:2px solid var(--ih-marker-color,#2563eb);border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes oatHotspotPulse{0%{opacity:0;transform:scale(1)}15%{opacity:1}to{opacity:0;transform:scale(1.8)}}.oat-image-hotspots__marker--numbered{background-color:var(--ih-marker-color,#2563eb);box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff}.oat-image-hotspots__marker.oat-image-hotspots__marker--dot:focus,.oat-image-hotspots__marker.oat-image-hotspots__marker--dot:hover,.oat-image-hotspots__marker.oat-image-hotspots__marker--numbered:focus,.oat-image-hotspots__marker.oat-image-hotspots__marker--numbered:hover,.oat-image-hotspots__marker.oat-image-hotspots__marker--pulse:focus,.oat-image-hotspots__marker.oat-image-hotspots__marker--pulse:hover{background-color:var(--ih-marker-color,#2563eb);border-color:transparent}.oat-image-hotspots__marker.oat-image-hotspots__marker--ring:focus,.oat-image-hotspots__marker.oat-image-hotspots__marker--ring:hover{background-color:transparent;border-color:var(--ih-marker-color,#2563eb)}.oat-image-hotspots__marker--active{transform:scale(1.15)}.oat-image-hotspots__tooltip--desktop{background-color:var(--ih-tooltip-bg,#fff);border-radius:8px;box-shadow:var(--ih-tooltip-shadow,0 4px 20px rgba(0,0,0,.15));opacity:0;padding:20px;position:absolute;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;width:var(--ih-tooltip-width,280px);z-index:30}@media (max-width:767px){.oat-image-hotspots__tooltip--desktop{display:none!important}}@media (min-width:768px){.oat-image-hotspots__mobile-overlay,.oat-image-hotspots__tooltip--mobile{display:none!important}}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--visible{opacity:1;transform:translateY(0);visibility:visible}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--above{bottom:100%;margin-bottom:calc(var(--ih-marker-size, 24px)/2 + 12px)}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--below{margin-top:calc(var(--ih-marker-size, 24px)/2 + 12px);top:100%}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--left{right:50%;transform:translateX(50%) translateY(8px)}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--left.oat-image-hotspots__tooltip--visible{transform:translateX(50%) translateY(0)}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--center{left:50%;transform:translateX(-50%) translateY(8px)}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--center.oat-image-hotspots__tooltip--visible{transform:translateX(-50%) translateY(0)}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--right{left:50%;transform:translateX(-50%) translateY(8px)}.oat-image-hotspots__tooltip--desktop.oat-image-hotspots__tooltip--right.oat-image-hotspots__tooltip--visible{transform:translateX(-50%) translateY(0)}.oat-image-hotspots__tooltip-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.oat-image-hotspots__tooltip-title{color:var(--ih-tooltip-text,#1a1a1a);flex:1;font-size:var(--ih-tooltip-title-size,18px);font-weight:600;line-height:1.3;margin:0;padding-right:8px}.oat-image-hotspots__tooltip-close{align-items:center;background:rgba(0,0,0,.05);border:none;border-radius:50%;color:var(--ih-tooltip-text,#666);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:28px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:28px}.oat-image-hotspots__tooltip-close:hover{background:rgba(0,0,0,.1)}.oat-image-hotspots__tooltip-description{color:var(--ih-tooltip-text,#666);font-size:var(--ih-tooltip-desc-size,16px);line-height:1.6}.oat-image-hotspots__tooltip-description p{margin:0 0 12px}.oat-image-hotspots__tooltip-description p:last-child{margin-bottom:0}@media (max-width:767px){.oat-image-hotspots{padding:48px 16px}}.oat-image-hotspots__mobile-overlay{background-color:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.oat-image-hotspots__mobile-overlay--visible{opacity:1;visibility:visible}.oat-image-hotspots__tooltip--mobile{background-color:var(--ih-tooltip-bg,#fff);border-radius:16px 16px 0 0;bottom:0;box-shadow:var(--ih-tooltip-shadow,0 4px 20px rgba(0,0,0,.15));left:0;margin:0;max-width:100%;opacity:0;padding:24px;position:fixed;right:0;transform:translateY(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:100%;z-index:1000}.oat-image-hotspots__tooltip--mobile.oat-image-hotspots__tooltip--visible{opacity:1;transform:translateY(0);visibility:visible}.oat-image-hotspots__tooltip--mobile:before{background-color:rgba(0,0,0,.2);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.oat-image-hotspots__tooltip--mobile .oat-image-hotspots__tooltip-header{padding-top:8px}@media (prefers-reduced-motion:reduce){.oat-image-hotspots__marker--pulse:before{animation:none}.oat-image-hotspots__marker,.oat-image-hotspots__mobile-overlay,.oat-image-hotspots__tooltip--desktop,.oat-image-hotspots__tooltip--mobile{transition:none}}