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


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

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

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

.poster-pleated-triangle-motion-triangle-motion-img[data-motion-canvas]{display:none;width:auto;height:min(78svh,818px);max-width:100%;aspect-ratio:1;margin:auto;filter:drop-shadow(2px 5px 5px rgba(35,40,46,.13)) drop-shadow(0 1px 1px rgba(35,40,46,.08))}
.pleated-page #system-panel>.triangle-motion.triangle-motion-ready>img{display:none}
.triangle-motion-ready .poster-pleated-triangle-motion-triangle-motion-img[data-motion-canvas]{display:block}
@media(max-width:600px){.poster-pleated-triangle-motion-triangle-motion-img[data-motion-canvas]{width:100%;height:auto}}

.triangle-motion-stage{display:none;position:relative;width:min(calc(100% - 90px),78svh,818px);margin:auto}
.triangle-motion-ready .triangle-motion-stage{display:block}
.triangle-motion-stage .poster-pleated-triangle-motion-triangle-motion-img[data-motion-canvas]{width:100%;height:auto}
.triangle-motion-handle{position:absolute;left:49.6%;transform:translate(-50%,-50%);width:54px;height:44px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;z-index:3}
.triangle-motion-handle.dragging{cursor:grabbing}
.triangle-motion-handle:focus-visible{outline:2px solid #d96676;outline-offset:2px;border-radius:8px}
.triangle-motion-hint{position:absolute;left:49.6%;right:-88px;transform:translateY(-50%);display:flex;align-items:center;gap:12px;pointer-events:none;font-size:20px;font-weight:500;white-space:nowrap;color:#555}
.triangle-motion-hint:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,#dd687b88,#d8d8da);margin-left:14px}
.triangle-motion-pulse{display:block;position:relative;flex-shrink:0;width:11px;height:11px;border:2px solid #df6575;border-radius:50%;background:white;box-sizing:content-box}
.triangle-motion-handle .triangle-motion-pulse{margin:auto}
.triangle-motion-pulse:before,.triangle-motion-pulse:after{content:"";position:absolute;inset:-3px;border:1px solid #df6575;border-radius:50%;animation:triangle-handle-pulse 2.4s ease-out infinite}
.triangle-motion-pulse:after{animation-delay:1.2s}
@keyframes triangle-handle-pulse{from{transform:scale(1);opacity:.7}to{transform:scale(2.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.triangle-motion-pulse:before,.triangle-motion-pulse:after{animation:none;opacity:.2}}
@media(max-width:600px){.triangle-motion-stage{width:calc(100% - 76px);margin-left:0}.triangle-motion-hint{right:-74px;font-size:18px;gap:8px}}

.poster-pleated-triangle-motion-triangle-motion-canvas, .poster-pleated-triangle-motion-triangle-motion-canvas img[data-motion-canvas]{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}
