.device-frame-animation figure{display:-webkit-box;display:-ms-flexbox;display:flex}
.device-frame-animation picture{transition:all .2s ease-in-out;background-image:url('../svg/load-indicator--bubble-grey-75.svg');background-repeat:no-repeat;background-size:64px 64px;background-position:center center;padding:0;margin:auto;position:relative;overflow:hidden}
.device-frame-animation picture::before{content:' ';display:block;background-repeat:no-repeat;background-attachment:scroll;background-size:contain;height:100%;width:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.device-frame-animation picture::before,.device-frame-animation picture img{opacity:0;visibility:hidden;transition:all .2s ease-in-out}
.device-frame-animation picture img{position:relative}
.device-frame-animation.initialized picture{background-image:none;opacity:1;visibility:visible}
.device-frame-animation.initialized picture::before,.device-frame-animation.initialized picture img{opacity:1;visibility:visible}
.device-frame-animation__noframe-phone-vertical picture{height:600px;width:300px;max-width:300px}
.device-frame-animation__iphone-vertical picture{height:600px;width:300px;max-width:300px;padding:16px 20px 20px 20px}
.device-frame-animation__iphone-vertical picture::before{background-image:url('../svg/device-frame-iphonex--vertical.svg')}
[class*='device-frame-animation__noframe-'] picture::before{content:'';display:none}