#poster-pr28-daynight-motion-pr28-daynight-motion{position:relative;width:min(100%,94svh);aspect-ratio:1;margin:24px auto;background:#fff;font-family:Arial,sans-serif}
#poster-pr28-daynight-motion-pr28-daynight-motion[hidden],#poster-pr28-daynight-motion-pr28-daynight-motion [hidden],.daynight-page .pr28-dn-fallback{display:none!important}
#poster-pr28-daynight-motion-pr28-daynight-motion svg{opacity:0;display:block;width:100%;height:100%}
#poster-pr28-daynight-motion-pr28-daynight-motion svg.poster-pr28-daynight-motion-ready{opacity:1}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-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}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left{left:20.7%}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.poster-pr28-daynight-motion-right{left:80.3%}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-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:pdn-pull-pulse 1.8s ease-in-out infinite}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot:after{content:"";position:absolute;top:21px;left:35px;width:48px;height:1px;background:linear-gradient(90deg,#e76a8280,#d7d3d5)}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-pull-label{position:absolute;left:92px;top:8px;color:#252529;font:500 20px/28px Arial,sans-serif;white-space:nowrap}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left:after{left:auto;right:35px;background:linear-gradient(90deg,#d7d3d5,#e76a8280)}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left .poster-pr28-daynight-motion-pull-label{left:auto;right:92px}
#poster-pr28-daynight-motion-pr28-daynight-motion.dragging,#poster-pr28-daynight-motion-pr28-daynight-motion.dragging *{cursor:grabbing!important;user-select:none!important}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.dragging:before{animation:none}
@keyframes pdn-pull-pulse{50%{box-shadow:0 0 0 15px #e76a8208}}
@media(max-width:600px){#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-pull-label,#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left .poster-pr28-daynight-motion-pull-label{left:50%;right:auto;top:-30px;transform:translateX(-50%);font-size:15px}#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot:after,#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left:after{left:21px;right:auto;top:-5px;width:1px;height:18px}}
@media(prefers-reduced-motion:reduce){#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot:before{animation:none}}


#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left{left:calc(20.7% - 105px)}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.poster-pr28-daynight-motion-right{left:calc(80.3% + 105px)}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot:after{top:21px;left:auto;right:35px;width:92px;height:1px;background:#e76a8280}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left:after{left:35px;right:auto;width:92px;background:#e76a8280}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-pull-label{left:43px;top:8px;font-size:18px}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left .poster-pr28-daynight-motion-pull-label{left:auto;right:43px}
#poster-pr28-daynight-motion-pr28-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}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left .arrow-tip{left:auto;right:-86px;transform:rotate(225deg)}
@media(max-width:600px){
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left{left:calc(20.7% - 48px)}#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.poster-pr28-daynight-motion-right{left:calc(80.3% + 48px)}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot:after{left:auto;right:35px;top:21px;width:35px;height:1px}#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left:after{left:35px;right:auto;top:21px;width:35px;height:1px}
#poster-pr28-daynight-motion-pr28-daynight-motion .arrow-tip{left:-29px}#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left .arrow-tip{right:-29px}
#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-pull-label,#poster-pr28-daynight-motion-pr28-daynight-motion .poster-pr28-daynight-motion-hotspot.left .poster-pr28-daynight-motion-pull-label{left:50%;right:auto;top:-23px;transform:translateX(-50%);font-size:13px}
}

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

body[data-daynight-model="PR28"] #poster-pr28-daynight-motion-pr28-daynight-motion{margin-bottom:-6px}

.pr28-niche-animation{display:block;width:100%;height:clamp(760px,85vh,860px);border:0;margin:24px auto 0;background:#fafafa}
@media(max-width:760px){.pr28-niche-animation{height:520px}}

#poster-pr28-daynight-motion-pr28-daynight-motion{display:block!important}

/* Static first frames share the animation's responsive dimensions. */
body .motion-poster-svg-frame{display:none!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;overflow:visible;border:0;background:transparent}
body .motion-poster-svg-frame[hidden]{display:none!important}
body .motion-poster-svg-frame>img,body #system-panel .motion-poster-canvas-frame>#system-photo{display:none!important}
[data-motion-poster]{pointer-events:none}
#poster-curtain-motion-curtain-motion{margin:0!important}
.motion-obsolete-photo{display:none!important}
[id^="aluminum-"][hidden]{display:none!important}
body #system-panel .motion-poster-canvas-frame{aspect-ratio:auto!important}
body [data-motion-poster] img[data-motion-canvas],body img[data-motion-poster]{position:static!important;height:auto!important;max-height:none!important;object-fit:contain!important}
body img[data-motion-poster]{width:min(calc(100% - 90px),78svh,818px)!important;margin:auto!important}
@media(max-width:600px){body img[data-motion-poster]{width:calc(100% - 76px)!important;margin-left:0!important}}

[data-motion-poster] button{visibility:hidden!important}
