.footer{height:var(--footer-sm-height);z-index:3;background-color:var(--footer-primary);border-top:5px solid var(--footer-secondary);box-sizing:content-box;flex-direction:row;align-items:center;padding:0 .25rem;display:flex;position:relative;bottom:0;overflow:hidden}.footer-ios{height:var(--footer-ios-height);padding:0 10px 15px}.footer-nav{justify-content:flex-start;align-items:stretch;height:100%;display:flex}.footer-nav .popover-container,.footer-nav .popover-trigger{align-items:stretch;display:flex}.footer-button{min-width:0;color:var(--alt-font-color,white);cursor:pointer;font-family:var(--app-font-family);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:75px;font-weight:500;transition:background-color .15s;display:flex;position:relative;overflow:hidden}.footer-button:after{content:"";transform-origin:50%;background:#fff;border-radius:2px;width:70%;height:3px;margin:0 auto;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.footer-button:hover{background-color:var(--hover-color)}.footer-button--active:after{transform:scaleX(1)}.footer-button-title{font-size:10px}.footer-overflow-button{width:100%;height:100%;color:var(--alt-font-color,white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.footer-overflow-button:hover{background-color:var(--hover-color)}.footer-context-menu{width:210px}.footer-context-menu .list-item{border-radius:0;width:100%;padding:.5rem;font-size:14px}@media screen and (width>=900px){.footer{height:var(--footer-lg-height);border-top:8px solid var(--footer-secondary);padding:2px;box-shadow:0 -2px 4px #63636333}.footer-button{width:140px}.footer-button-title{font-size:14px}}