.header-container{padding:3.2vw 1.6vw;text-align:center;width:100%;border-bottom:1px solid #ccc;background-color:#fff;z-index:10}.app-container{background-color:#f5f5f5;height:100vh;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.footer-container{padding:3.2vw 1.6vw;text-align:center;width:100%;border-top:1px solid #ccc;position:absolute;background-color:#fff;bottom:0;left:0}.body-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.card{box-shadow:0 .53333vw 1.06667vw #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-.8vw);box-shadow:0 1.06667vw 2.13333vw #00000026}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.body-container{touch-action:pan-y;-webkit-overflow-scrolling:touch}.refresh-indicator{will-change:transform,opacity;filter:drop-shadow(0 .53333vw 1.06667vw rgba(0,0,0,.1))}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.refresh-indicator[data-ready=true] span{animation:pulse 1s infinite}