@layer legacy{span.proficient-star-animated-overlay{z-index:1;background:0 0;justify-content:center;display:flex;position:absolute;overflow:visible;transform:translate(-49%,-51%)}span.proficient-star-animated-overlay>svg{margin:auto;display:block;width:auto!important;height:auto!important}span.stp-streak-counter-number .streak-number-digit{transition:transform .5s;display:inline-block}span.stp-streak-counter-number .streak-number-digit.animating{animation:.5s ease-out stp-digit-roll}@keyframes stp-digit-roll{0%{transform:translateY(-100%)}to{transform:translateY(0%)}}.stp-animated-banner{background-color:#fff}.fraction-skills-to-proficient-label{color:rgba(33,36,44,.64)}.fraction-skills-to-proficient-numerator{color:#21242c}.stp-animated-banner.streak-wipe{background:linear-gradient(90deg,#ffb100 50%,#fff 67%) 0 0/300% 100%;animation:.75s linear forwards streak-wipe}.stp-animated-banner.course-level-wipe{background:linear-gradient(90deg,#9059ff 50%,#fff 67%) 0 0/300% 100%;animation:1s linear forwards course-level-wipe,1s linear forwards wipe-text}.stp-animated-banner.course-level-wipe .fraction-skills-to-proficient-label,.stp-animated-banner.course-level-wipe .fraction-skills-to-proficient-numerator{animation:1s linear forwards wipe-text}.stp-animated-banner.streak-fade{background-color:#ffb100;animation:.75s linear forwards fade-background}.stp-animated-banner.course-level-fade{color:#fff;background-color:#9059ff;animation:.5s linear forwards fade-background,.5s linear forwards fade-text}.stp-animated-banner.course-level-fade .fraction-skills-to-proficient-label,.stp-animated-banner.course-level-fade .fraction-skills-to-proficient-numerator{color:#fff;animation:.5s linear forwards fade-text}@keyframes streak-wipe{0%{background-position:100% 0}to{background-position:0 0}}@keyframes course-level-wipe{0%{background-position:100% 0}75%{background-position:0 0}}@keyframes wipe-text{75%{color:#fff}to{color:#fff}}@keyframes fade-background{to{background-color:#fff}}@keyframes fade-text{to{color:inherit}}.stp-animated-banner>span.stp-banner-animated-overlay{pointer-events:none;z-index:1;background-color:transparent;width:100%;height:100%;position:absolute;top:0;overflow:hidden}.stp-animated-banner>span.stp-banner-animated-overlay>svg{margin:0 auto;display:block}@keyframes overlay-fade-in{to{background-color:#9059ff}}@keyframes overlay-fade-out{0%{background-color:#9059ff}to{background-color:transparent}}}