:root{--subscription-banner-offset: 0px}.subscription-banner-stack{position:fixed;top:0;left:0;right:0;z-index:1050;display:flex;flex-direction:column;gap:0;pointer-events:none}.subscription-banner-slot{pointer-events:auto}.subscription-banner-slot:empty{display:none}.renewal-banner-wrapper{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease}.renewal-banner-wrapper.visible{max-height:80px;opacity:1}.renewal-banner-wrapper.hiding{max-height:0;opacity:0;transition:opacity .2s ease,max-height .3s ease .05s}body.has-subscription-banner .navbar-top.fixed-top{top:var(--subscription-banner-offset);transition:top .2s ease}body.has-subscription-banner .navbar-vertical{top:calc(var(--phoenix-navbar-top-height) + var(--subscription-banner-offset));transition:top .2s ease}body.has-subscription-banner .content{padding-top:calc(var(--phoenix-navbar-top-height) + 2rem + var(--subscription-banner-offset));transition:padding-top .2s ease}