.mobile-smart-app-banner{display:flex;align-items:center;position:fixed;width:100%;padding:10px 15px;box-sizing:border-box;z-index:999999;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;left:0;right:0}.mobile-smart-app-banner.position-top{top:0;animation:mobile-smart-app-banner-slide-in-top .5s ease}.mobile-smart-app-banner.position-bottom{bottom:0;animation:mobile-smart-app-banner-slide-in-bottom .5s ease}.mobile-smart-app-banner.hidden{display:none}.mobile-app-icon{width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:12px;background:#ddd;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.placeholder-icon{background:#eee;position:relative}.placeholder-icon:after{content:"App";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#999}.mobile-app-info{flex:1;min-width:0}.mobile-app-name{font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-app-subtitle{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-app-button{margin-left:15px;flex-shrink:0}.mobile-app-download{display:inline-block;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:700;text-align:center;white-space:nowrap}.mobile-app-close{margin-left:12px;font-size:24px;line-height:1;cursor:pointer;flex-shrink:0}body.admin-bar .mobile-smart-app-banner.position-top{top:46px}@media screen and (min-width:783px){body.admin-bar .mobile-smart-app-banner.position-top{top:32px}}body.has-mobile-smart-app-banner{transition:padding .3s ease}@media screen and (max-width:480px){.mobile-app-subtitle{max-width:150px}}@media screen and (max-width:360px){.mobile-app-icon{width:40px;height:40px}.mobile-app-download{padding:6px 10px;font-size:12px}}