@layer components{.promo-banner{overflow:hidden;transition:height .35s ease,opacity .3s ease,padding-top .35s ease,padding-bottom .35s ease}.promo-banner-exit{opacity:0;padding-top:0!important;padding-bottom:0!important}.promo-banner--blue-confetti{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(90deg,rgba(24,99,220,.6) -35.25%,rgba(7,30,66,.6) -11.39%,rgba(7,30,66,.6) 77.71%,rgba(24,99,220,.6) 149.97%),#1863dc}.promo-banner--dark{background:#27283c}.promo-banner--blue-gradient{background:linear-gradient(0deg,rgb(0 0 0/20%),rgb(0 0 0/20%)),linear-gradient(90deg,rgb(24 99 220/60%) -35.25%,rgb(7 30 66/60%) -11.39%,rgb(7 30 66/60%) 77.71%,rgb(24 99 220/60%) 149.97%),#1863dc}.promo-banner--navy{background:#111232}.promo-ribbon-wrap{--notch:clamp(10px,2vw,10px);position:relative;display:inline-flex;flex-shrink:0}.promo-ribbon-wrap:after{content:"";position:absolute;inset:3px -3px -3px 3px;background:rgb(0 0 0/61%);z-index:-1}.promo-ribbon-badge,.promo-ribbon-wrap:after{clip-path:polygon(0 0,100% 0,calc(100% - var(--notch)) 50%,100% 100%,0 100%,var(--notch) 50%)}.promo-ribbon-badge{padding-inline:calc(var(--notch) + 8px)}}