body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-fullscreen,body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-unfullscreen{display:none;z-index:999;position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,0.5);color:#000;border-radius:3rem;width:3rem;height:3rem;line-height:3rem;text-align:center;box-shadow:0 0 5px rgba(0,0,0,0.2);font-size:2rem}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen{display:none;z-index:999;position:absolute;right:1rem;bottom:1rem;transition:all .5s;width:auto;height:auto}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen img{display:inline;width:2rem;height:auto;opacity:.75}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen .hint-swipeable{display:none;z-index:999;position:absolute;left:50%;top:66%;transform:translate(-50%, -66%);width:2.5rem;height:auto;opacity:0;animation:imagehotspot-swipe-hint 3s ease-out, imagehotspot-swipe-hint-fade-out 3s ease-out;animation-delay:1s;animation-iteration-count:3}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-swipeable.out,body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen.out{display:none;animation:none}BODY.is.dev .mod-jaimagehotspot.fullwidth-pan .inner::before{content:"<SM o:any";background:#ff8;display:block;color:#000;position:absolute;top:0;left:0;z-index:10000}body .mod-jaimagehotspot.fullwidth-pan>.inner{height:50vh;max-height:50vh}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background{height:50vh;max-height:50vh;width:auto;max-width:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background img{height:50vh;max-height:50vh;width:auto;max-width:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .markers{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-fullscreen{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-unfullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-swipeable{display:none}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{--swipeable:no}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{animation-name:imagehotspot-autopan}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .imagemap-container::before{content:"autopan:on";background:#8f8;display:block;color:#000;position:absolute;top:1.5rem;left:0;z-index:10000}@media (max-width: 991px), screen and (orientation: portrait){body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen{display:block}}@media screen and (min-width: 576px) and (orientation: portrait){BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .inner::before{content:">=576 o:port";background:#ff8;display:block;color:#000;position:absolute;top:0;left:0;z-index:10000}body .mod-jaimagehotspot.fullwidth-pan .inner{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background img{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .markers{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-fullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-unfullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-swipeable{display:none}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{--swipeable:true}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{animation-name:none}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .imagemap-container::before{content:"autopan:off";background:#888;display:block;color:#000;position:absolute;top:1.5rem;left:0;z-index:10000}}@media screen and (min-width: 576px) and (orientation: landscape){BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .inner::before{content:">=576 o:land";background:#f8f;display:block;color:#000;position:absolute;top:0;left:0;z-index:10000}body .mod-jaimagehotspot.fullwidth-pan .inner{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background img{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .markers{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-fullscreen{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-unfullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-swipeable{display:none}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{--swipeable:no}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{animation-name:imagehotspot-autopan}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .imagemap-container::before{content:"autopan:on";background:#8f8;display:block;color:#000;position:absolute;top:1.5rem;left:0;z-index:10000}}@media screen and (min-width: 992px){BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .inner::before{content:">=768 any";background:#f88;display:block;color:#000;position:absolute;top:0;left:0;z-index:10000}body .mod-jaimagehotspot.fullwidth-pan .inner{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .background img{height:540px;max-height:540px}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container>.map .markers{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-fullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-unfullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-rotatescreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .hint-swipeable{display:none}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{--swipeable:true}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container .map{animation-name:none}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .imagemap-container::before{content:"autopan:off";background:#888;display:block;color:#000;position:absolute;top:1.5rem;left:0;z-index:10000}}@media screen and (max-width: 991px) and (orientation: landscape){body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container .button-fullscreen{display:block}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .inner::before{content:"<992 o:land";background:#f88;display:block;color:#000;position:absolute;top:0;left:0;z-index:10000}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .imagemap-container::before{content:"autopan:on";background:#8ff;display:block;color:#000;position:absolute;top:1.5rem;left:0;z-index:10000}}body .mod-jaimagehotspot.fullwidth-pan .imagemap-container.fullscreen{position:fixed;top:0;left:0;bottom:0;height:100vh;right:0;width:100vw;z-index:1000;background:#242222}body .mod-jaimagehotspot.fullwidth-pan .imagemap-container.fullscreen>.inner{height:100vh;max-height:100vh}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen>.map .background{height:100vh;max-height:100vh}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen>.map .background img{height:100vh;max-height:100vh}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen>.map .markers{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen .button-fullscreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen .button-unfullscreen{display:block}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen .hint-rotatescreen{display:none}body .mod-jaimagehotspot.fullwidth-pan>.inner .imagemap-container.fullscreen .hint-swipeable{display:block}body .mod-jaimagehotspot.fullwidth-pan.autopan .imagemap-container.fullscreen .map{animation:none}BODY.is-dev .mod-jaimagehotspot.fullwidth-pan .imagemap-container.fullscreen::before{content:"autopan:off";background:#888;display:block;color:#000;position:absolute;top:1.5rem;left:0;z-index:1000}body .mod-jaimagehotspot.fullwidth-pan>.inner{margin-left:-15px;margin-right:-15px;overflow:hidden;position:relative}.imagemap-container>.shifter-left,.imagemap-container>.shifter-right{cursor:pointer;background:transparent;width:10px;height:10px;position:absolute;top:230px;z-index:10;color:#fff;font-size:3rem;-webkit-text-stroke:1px #242222;text-stroke:1px #242222;opacity:.7}.imagemap-container>.shifter-left{left:15px}.imagemap-container>.shifter-right{right:40px}.imagemap-container.reached-right>.shifter-right,.imagemap-container.reached-left>.shifter-left{opacity:.3;color:#888;cursor:initial}@media (max-width: 991px){.imagemap-container>.shifter-left,.imagemap-container>.shifter-right{display:none}}.imagemap-container>.map{touch-action:pan-x;max-width:none;position:absolute;left:0;transition:transform 1s ease;transform:translate3D(calc( ( ( -1px * var(--imagewidth) ) / 2 ) + 50vw + ( var(--offset) * 1px )), 0, 0)}.imagemap-container.fullwidth-pan.autopan .map{animation-name:none;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:2s;animation-duration:calc( 1s * ( var(--imagewidth) / 25 ))}.imagemap-container>.map .activator{display:none}.imagemap-container>.map .markers .marker{pointer-events:none;display:inline-block;position:absolute;top:calc( var(--top) - (var(--size) /2 ));left:calc( var(--left) - (var(--size) /2 ));text-align:center;background-size:cover}.imagemap-container>.map .markers .marker>label{position:absolute;top:0;left:0;text-align:center;-webkit-text-stroke:1px #242222;text-stroke:1px #242222}.imagemap-container>.map .markers .marker>label>span{pointer-events:all;cursor:pointer}.imagemap-container>.map .markers .marker>label>span.fa-comment{opacity:.7}.imagemap-container>.map .markers .activator:checked+.marker span,.imagemap-container>.map .markers .marker.in span{color:#f8f8ff;opacity:1 !important;-webkit-text-stroke:2px #242222;text-stroke:2px #242222;text-shadow:0 0 2px white, 0 0 4px white}#page>.map-popup-current{display:block;z-index:1001;position:absolute;margin:0 auto;opacity:0;transition:opacity 1s}#page>.map-popup-current.out{opacity:0;transition:opacity 1s}#page>.map-popup-current.in{opacity:1;transition:opacity 1s}#page>.map-popup-current .img-wrapper{margin-bottom:1em;max-width:100%}@media (max-width: 991px){#page>.map-popup-current{top:124px;right:0;bottom:0;left:0;height:75vh;max-height:75vh;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;background-color:#e5eff3;background-color:#fff;padding:15px;border:15px solid #e5eff3}}#page>.map-popup-current.in>.popup:after{content:"x";position:fixed;top:0.2em;right:0.5em;font-family:"kado-icon-font";font-weight:400;display:inline;font-size:1.125em;vertical-align:-0.125em;cursor:pointer}body.imagemap-fullscreen #page>.map-popup-current>.popup{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#e5eff3;border:#f8fbfc solid 1em;color:#242222;padding:2em;overflow-x:hidden;overflow-y:auto;font-size:1.2rem}body.imagemap-fullscreen #page>.map-popup-current.in>.popup:after{top:1.3em;right:1.3em}@media (min-width: 992px){#page>.map-popup-current{right:0;top:145px;left:0;background-color:#fff;width:auto;height:auto}#page>.map-popup-current{display:inline-block;--rotate:1deg;width:30rem;max-width:30rem;transform:rotate(var(--rotate)) !important}#page>.map-popup-current .popup{background:#fff;padding:2rem 1rem 1rem 1rem;box-shadow:0 0.2rem 1.2rem rgba(0,0,0,0.4),0 0 2px rgba(0,0,0,0.5)}#page>.map-popup-current .img-wrapper{margin-bottom:1em;height:auto;border-top:1px solid #666;border-right:1px solid #bbb;border-bottom:1px solid #bbb;border-left:1px solid #666;position:relative}#page>.map-popup-current .img-wrapper::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 5px rgba(0,0,0,0.2)}#page>.map-popup-current .img-wrapper img{width:100%;max-width:100%;height:auto}#page>.map-popup-current h4{margin:0;padding:0;font-size:1.3rem;line-height:1.4}#page>.map-popup-current::before{content:"";position:absolute;z-index:-1;transition:all 0.35s;transform:rotate(6deg);transform:rotate(calc( 3 * var(--rotate)));height:20%;width:47%;bottom:30px;box-shadow:0 2.1rem 2rem rgba(0,0,0,0.6)}#page>.map-popup-current.rotate-left::before{left:12px}#page>.map-popup-current.rotate-right::before{right:12px}}#page .marker.out .popup{display:none}TODO.imagemap-container .popup{--pos-adjusted-bottom-safety-margin:15;--border-radius:1em;display:block;pointer-events:all;position:relative;top:calc( var(--size) - .5em);left:calc( var(--size) - .5em);border:1px solid #242222;border-radius:var(--border-radius);border-top-left-radius:0px;box-shadow:5px 5px 15px rgba(0,0,0,0.5);background:#f8f8ff;padding:10px 15px;text-align:left;color:#242222;max-height:0;max-width:0;overflow:hidden;transition:0s;opacity:0}DONT.imagemap-container .popup .img-wrapper{height:14em;float:left;margin:0 1em 1em 0}.imagemap-container .popup a{border-bottom:1px solid rgba(0,0,0,0.5)}.imagemap-container .popup a::before{content:none !important}.imagemap-container>.map .markers .marker .popup.pos-adjusted{top:calc( var(--top-offset) - var(--pos-adjusted-bottom-safety-margin) * 1px);border-top-left-radius:var(--border-radius)}.imagemap-container>.map .markers .marker .popup.pos-adjusted.pos-adjusted-restrained{overflow-x:hidden;overflow-y:scroll;position:absolute;width:50vw;top:calc( var(--top-offset) + var(--pos-adjusted-bottom-safety-margin) * 1px);max-height:calc( var(--max-height) - (2.5 * var(--pos-adjusted-bottom-safety-margin) ) * 1px)}.imagemap-container>.map .markers .marker .popup.pos-adjusted.pos-adjusted-restrained::after{background:#f8f8ff;content:"XXXX";position:fixed;bottom:0;left:0;right:0;height:15px;width:100%}.imagemap-container>.map .markers .marker .popup.pos-adjusted.pos-adjusted-restrained label{margin-bottom:15px}.imagemap-container>.map .markers .marker label.on-in{display:none}.imagemap-container>.map .markers .activator:checked+.marker label.on-in{display:block}.imagemap-container>.map .markers .marker label.on-out{display:block}.imagemap-container>.map .markers .activator:checked+.marker label.on-out{display:none}.imagemap-container>.map .markers .activator:checked+.marker .popup,.imagemap-container>.map .markers .marker.in .popup{overflow:auto;max-width:50vw;transition:opacity .2s;opacity:1;max-height:none}.imagemap-container>.map .markers .activator:checked+.marker,.imagemap-container>.map .markers .marker.in{z-index:1000}@keyframes imagehotspot-autopan{0%{transform:translate3D(calc( ( ( -1px * var(--imagewidth) ) / 2 ) + 50vw), 0, 0)}20%{transform:translate3D(0, 0, 0)}30%{transform:translate3D(0, 0, 0)}70%{transform:translate3D(calc( ( -1px * var( --imagewidth) ) + 100vw), 0, 0)}80%{transform:translate3D(calc( ( -1px * var( --imagewidth) ) + 100vw), 0, 0)}100%{transform:translate3D(calc( ( ( -1px * var(--imagewidth) ) / 2 ) + 50vw), 0, 0)}}@keyframes imagehotspot-swipe-hint{0%{transform:translateX(-50%)}10%{transform:translateX(-50%)}50%{transform:translateX(-300%)}100%{transform:translateX(-300%)}}@keyframes imagehotspot-swipe-hint-fade-out{0%{opacity:0}16%{opacity:1}90%{opacity:0}100%{opacity:0}}@keyframes imagehotspot-rotatescreen-hint{0%{opacity:1;transform:translate(-50%, -75%) rotate(0deg)}30%{opacity:1;transform:translate(-50%, -75%) rotate(-90deg)}40%{opacity:0;transform:translate(-50%, -75%) rotate(-90deg)}100%{opacity:0;transform:translate(-50%, -75%) rotate(-90deg)}}
