#maxi-daynight-motion{position:relative;width:min(100%,94svh);aspect-ratio:1;margin:24px auto;background:#fff;font-family:Arial,sans-serif}
#maxi-daynight-motion[hidden],#maxi-daynight-motion [hidden],.daynight-page .maxi-dn-fallback{display:none!important}
#maxi-daynight-motion svg{opacity:0;display:block;width:100%;height:100%}
#maxi-daynight-motion svg.ready{opacity:1}
#maxi-daynight-motion .hotspot{position:absolute;top:56%;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#maxi-daynight-motion .hotspot.left{left:20.7%}
#maxi-daynight-motion .hotspot.right{left:80.3%}
#maxi-daynight-motion .hotspot:before{content:"";position:absolute;inset:14px;background:#fff;border:3px solid #e76a82;border-radius:50%;box-shadow:0 0 0 10px #e76a8210;animation:mxdn-pull-pulse 1.8s ease-in-out infinite}
#maxi-daynight-motion .hotspot:after{content:"";position:absolute;top:21px;left:35px;width:48px;height:1px;background:linear-gradient(90deg,#e76a8280,#d7d3d5)}
#maxi-daynight-motion .pull-label{position:absolute;left:92px;top:8px;color:#252529;font:500 20px/28px Arial,sans-serif;white-space:nowrap}
#maxi-daynight-motion .hotspot.left:after{left:auto;right:35px;background:linear-gradient(90deg,#d7d3d5,#e76a8280)}
#maxi-daynight-motion .hotspot.left .pull-label{left:auto;right:92px}
#maxi-daynight-motion.dragging,#maxi-daynight-motion.dragging *{cursor:grabbing!important;user-select:none!important}
#maxi-daynight-motion .hotspot.dragging:before{animation:none}
@keyframes mxdn-pull-pulse{50%{box-shadow:0 0 0 15px #e76a8208}}
@media(max-width:600px){#maxi-daynight-motion .pull-label,#maxi-daynight-motion .hotspot.left .pull-label{left:50%;right:auto;top:-30px;transform:translateX(-50%);font-size:15px}#maxi-daynight-motion .hotspot:after,#maxi-daynight-motion .hotspot.left:after{left:21px;right:auto;top:-5px;width:1px;height:18px}}
@media(prefers-reduced-motion:reduce){#maxi-daynight-motion .hotspot:before{animation:none}}


#maxi-daynight-motion .hotspot.left{left:calc(20.7% - 105px)}
#maxi-daynight-motion .hotspot.right{left:calc(80.3% + 105px)}
#maxi-daynight-motion .hotspot:after{top:21px;left:auto;right:35px;width:92px;height:1px;background:#e76a8280}
#maxi-daynight-motion .hotspot.left:after{left:35px;right:auto;width:92px;background:#e76a8280}
#maxi-daynight-motion .pull-label{left:43px;top:8px;font-size:18px}
#maxi-daynight-motion .hotspot.left .pull-label{left:auto;right:43px}
#maxi-daynight-motion .arrow-tip{position:absolute;top:18px;left:-86px;width:7px;height:7px;border-left:1px solid #e76a82;border-bottom:1px solid #e76a82;transform:rotate(45deg);pointer-events:none}
#maxi-daynight-motion .hotspot.left .arrow-tip{left:auto;right:-86px;transform:rotate(225deg)}
@media(max-width:600px){
#maxi-daynight-motion .hotspot.left{left:calc(20.7% - 48px)}#maxi-daynight-motion .hotspot.right{left:calc(80.3% + 48px)}
#maxi-daynight-motion .hotspot:after{left:auto;right:35px;top:21px;width:35px;height:1px}#maxi-daynight-motion .hotspot.left:after{left:35px;right:auto;top:21px;width:35px;height:1px}
#maxi-daynight-motion .arrow-tip{left:-29px}#maxi-daynight-motion .hotspot.left .arrow-tip{right:-29px}
#maxi-daynight-motion .pull-label,#maxi-daynight-motion .hotspot.left .pull-label{left:50%;right:auto;top:-23px;transform:translateX(-50%);font-size:13px}
}

#maxi-daynight-motion .hotspot.right{left:calc(75.8% + 80px)}#maxi-daynight-motion .hotspot:after{width:67px}@media(max-width:600px){#maxi-daynight-motion .hotspot.right{left:calc(75.8% + 38px)}#maxi-daynight-motion .hotspot:after{width:25px}}