.level-up-congrats-bar{top:var(--header-height);z-index:var(--z-index-slide-panel);width:100%;padding:var(--spacing-2xs) var(--spacing-3xl) var(--spacing-2xs) var(--spacing-sm);font:var(--title-2xs-semibold);color:var(--text-title);background:url(/level-up/congratulations/bg-mobile.png) 0/auto 100%,linear-gradient(to bottom right,#9e23ff,#ff008a);justify-content:flex-start;align-items:center;animation:.5s ease-out slideInFromTop;display:flex;position:fixed}@layer mixins{.level-up-congrats-bar{justify-content:center;align-items:center;display:flex}}@media (min-width:600px){.level-up-congrats-bar{background-color:#0000;background-image:url(/level-up/congratulations/bg-left.png),url(/level-up/congratulations/bg-right.png),linear-gradient(to bottom right,#9e23ff,#ff008a);background-position:0,100%,0 0;background-repeat:no-repeat;background-size:auto 100%,auto 100%,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center}}.has-email-confirmation-bar .level-up-congrats-bar{top:calc(var(--header-height) + var(--email-confirmation-bar-height-mobile))}@media (min-width:800px){.has-email-confirmation-bar .level-up-congrats-bar{top:calc(var(--header-height) + var(--email-confirmation-bar-height))}}.level-up-congrats-bar.is-mobile-page{top:var(--mobile-navbar-height)}.has-email-confirmation-bar .level-up-congrats-bar.is-mobile-page{top:calc(var(--mobile-navbar-height) + var(--email-confirmation-bar-height-mobile))}@media (min-width:800px){.has-email-confirmation-bar .level-up-congrats-bar.is-mobile-page{top:calc(var(--header-height) + var(--email-confirmation-bar-height))}}.level-up-congrats-bar .simple-icon-button{--icon-color:var(--white);--hover-color:rgb(from var(--white) r g b / 10%);top:7px;right:var(--spacing-3xs);z-index:1;position:absolute}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}