.card-level-up{background:var(--color-emerald-1);border:1px solid var(--color-emerald-13);border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:224px;overflow:hidden;padding:20px;position:relative;scroll-snap-align:start}.card-level-up:before{background:var(--gradient-image-line);z-index:1}.card-level-up:after,.card-level-up:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.card-level-up:after{background:var(--gradient-image-blur);opacity:.4;z-index:2}.card-level-up__image{bottom:0;position:absolute;right:0;top:0}.card-level-up__image img{height:100%;max-height:100%}.card-level-up__container{justify-content:center;position:relative;width:100%;z-index:3}.card-level-up__container,.card-level-up__content{display:flex;flex-direction:column}.card-level-up__bonus-value,.card-level-up__head-name,.card-level-up__head-type{color:var(--text-gold);font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,20px);font-style:var(--font-style,normal);font-weight:var(--font-weight,700);line-height:var(--line-height,120%);text-transform:var(--text-transform,uppercase)}.card-level-up__head{display:flex;flex-direction:column;margin-bottom:16px;max-width:214px}.card-level-up__head-type{color:var(--text-bright)}.card-level-up__bonus{display:flex;flex-direction:column;margin-bottom:16px;max-width:214px}.card-level-up__bonus-label{color:var(--text-muted);font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,12px);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);line-height:var(--line-height,140%);margin-bottom:4px}.card-level-up__actions{align-items:center;display:flex;width:256px}.card-level-up__progress{display:flex;flex-direction:column;width:100%}.card-level-up__progress-label{color:var(--text-muted);font-weight:var(--font-weight,400);margin-bottom:8px}.card-level-up__progress-label,.card-level-up__progress-label span{font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,12px);font-style:var(--font-style,normal);line-height:var(--line-height,140%)}.card-level-up__progress-label span{color:var(--text-default);font-weight:var(--font-weight,700)}.card-level-up__progress .bonuses-progress{width:100%}.card-level-up__info{flex-shrink:0;height:40px;padding:0;width:40px;--button-radius:50%;margin-left:12px}.card-level-up__info:hover .icon{--color:var(--icon-bright)}.card-level-up__info .icon{--icon-size:20px;--color:var(--icon-default)}