.ha-frames {position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;visibility:hidden;}
.ha-frames.ha-run {visibility:visible;} #B .slide:has(.ha-frames) .row, #B .slide:has(.ha-frames) .column {position:static;} .ha-frame {position:absolute;top:50%;width:min(392px, 26%);aspect-ratio:4 / 5;transform:translateY(-50%);overflow:hidden;}
.ha-pink {left:0;}
.ha-xmas {right:0;}
.ha-zoom {position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.1);}
.ha-pink .ha-zoom {transform-origin:49.72% 48.63%;}
.ha-xmas .ha-zoom {transform-origin:49.77% 52.93%;}
.ha-zoom img {position:absolute;top:0;left:0;width:100%;height:100%;}
.ha-pink .ha-h {transform-origin:44.44% 55.11%;transform:translate(5.28%, -6.48%) scale(1.36);}
.ha-xmas .ha-r {transform-origin:50.88% 51.48%;transform:translate(-1.11%, 1.44%) scale(0.92);}
.ha-r {opacity:0;} .ha-run .ha-r {animation:ha-desk 15s ease-in-out forwards;}
@keyframes ha-desk {0%, 6.67% {opacity:0;} 12%, 25.33% {opacity:1;} 30.67%, 37.33% {opacity:0;} 42.67%, 56% {opacity:1;} 61.33%, 68% {opacity:0;} 73.33%, 100% {opacity:1;}}
@media only screen and (min-width:541px) {
#B .slide:has(.ha-frames) {padding-top:150px;}
#B .slide:has(.ha-frames) .row {max-width:none;width:auto;margin:0;padding:0 calc(min(392px, 26%) + 20px);}
#B .slide:has(.ha-frames) .btitle {font-size:clamp(36px, 3.6vw, 56px);color:#12588d;text-shadow:none;} #B .slide:has(.ha-frames) .btitle, #B .slide:has(.ha-frames) p {text-align:center;}
} #B.ha-on .bx-pager {left:50%;transform:translateX(-50%);} @media only screen and (max-width:540px) {
.ha-frame {top:0;left:50%;right:auto;height:calc(100vh - 376px);width:auto;transform:translateX(-50%);}
.ha-xmas {opacity:0;}
.ha-run .ha-pink .ha-r {animation:ha-ph-pink 12s ease-in-out forwards;}
.ha-run .ha-xmas {animation:ha-ph-xmas 12s ease-in-out forwards;}
.ha-run .ha-xmas .ha-r {animation:ha-ph-xmas-r 12s ease-in-out forwards;}
}
@keyframes ha-ph-pink {0%, 8.33% {opacity:0;} 16.67%, 100% {opacity:1;}}
@keyframes ha-ph-xmas {0%, 41.67% {opacity:0;} 50%, 100% {opacity:1;}}
@keyframes ha-ph-xmas-r {0%, 50% {opacity:0;} 58.33%, 100% {opacity:1;}} @media (prefers-reduced-motion:reduce) {
.ha-r {opacity:1;}
.ha-run .ha-r, .ha-run .ha-xmas {animation:none !important;}
}