.software-update-prompt { position: fixed; flex: 1; right: 0; left: 0; top: var(--header-offset, 60px); background-color: var(--tertiary-low); color: var(--tertiary); max-height: 0; overflow: hidden; transition: max-height 0.3s; box-shadow: shadow("header"); z-index: z("header") - 10; .update-prompt-main-content { display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .update-prompt-message { cursor: pointer; padding: 0.75em 0; span { text-decoration: underline; } } .update-prompt-dismiss { justify-content: flex-end; display: flex; height: 44px; flex: 1; span { cursor: pointer; display: inline; height: 100%; display: flex; align-items: center; padding-left: 20px; } } .d-icon { margin-right: 0.33em; font-size: 0.9em; } &.require-software-refresh { max-height: 300px; margin-left: auto; margin-right: auto; transition: max-height 0.75s; } }