@keyframes background-fade-out{75%{opacity:1}to{opacity:0}}@media (orientation:landscape) and (min-width:709px) and (min-height:708px),(orientation:portrait) and (min-width:1096px){.bg-fade-out{animation-duration:var(--bg-show-time);animation-name:background-fade-out;animation-timing-function:ease-out;animation-fill-mode:forwards}}.bg-fade-out-logo{animation-duration:var(--bg-show-time);animation-name:background-fade-out;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes background-ken-burns{0%{translate:1.125% -1.125%;scale:102.5%}75%{opacity:1}to{opacity:0;translate:5.125% -5.125%;scale:112.5%}}@keyframes next-ken-burns{0%,75%{translate:0;scale:100%}to{translate:1.125% -1.125%;scale:102.5%}}@keyframes flip{0%,87.5%{rotate:y 0deg}to{rotate:y 180deg}}@keyframes flip-back{0%,87.5%{rotate:y 180deg}to{rotate:y 0deg}}@media (orientation:portrait) or ((orientation:landscape) and ((max-width:708px) or (max-height:707px))){.bg-current{animation-duration:var(--bg-show-time);animation-name:background-ken-burns;animation-timing-function:linear;animation-fill-mode:forwards}.bg-next{animation:next-ken-burns var(--bg-show-time)linear forwards}.brand-card-flip{animation-duration:var(--bg-show-time);animation-name:flip;animation-timing-function:linear;animation-fill-mode:forwards}.brand-card-flip-back{animation-duration:var(--bg-show-time);animation-name:flip-back;animation-timing-function:linear;animation-fill-mode:forwards}}