.mt3-bf-banner{
    --mt3-bf-teal:#028A94;
    --mt3-bf-height:88px;
    --mt3-bf-max:1536px;
    box-sizing:border-box;
    position:relative;
    left:50%;
    width:100vw;
    max-width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    background:var(--mt3-bf-teal);
    min-height:var(--mt3-bf-height);
    z-index:4;
    overflow:hidden;
    font-family:inherit;
}
.mt3-bf-banner *, .mt3-bf-banner *::before, .mt3-bf-banner *::after{box-sizing:border-box}
.mt3-bf-banner__link{display:block;color:inherit;text-decoration:none!important}
.mt3-bf-banner__inner{
    width:100%;
    max-width:var(--container, var(--mt3-bf-max, 1330px));
    min-height:var(--mt3-bf-height);
    margin:0 auto;
    padding-left:0;
    padding-right:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:44px;
}
.mt3-bf-banner__title{
    color:#000;
    font-size:clamp(30px,2.35vw,48px);
    line-height:1;
    font-weight:900;
    letter-spacing:.015em;
    white-space:nowrap;
    text-transform:uppercase;
}
.mt3-bf-banner__title-accent{color:#fff}
.mt3-bf-banner__countdown{
    display:flex;
    align-items:baseline;
    justify-content:flex-end;
    gap:11px;
    color:#000;
    font-size:clamp(16px,1.25vw,25px);
    line-height:1;
    font-weight:900;
    letter-spacing:.02em;
    white-space:nowrap;
    text-transform:uppercase;
}
.mt3-bf-banner__unit{display:inline-flex;align-items:baseline;gap:7px}
.mt3-bf-banner__unit strong{
    display:inline-block;
    min-width:2ch;
    color:#fff;
    font:inherit;
    font-weight:900;
    text-align:center;
    transform-origin:50% 50%;
}
.mt3-bf-banner__unit strong.mt3-bf-tick{animation:mt3BFTick .36s cubic-bezier(.2,.7,.3,1)}
.mt3-bf-banner__sep{font-weight:800;animation:mt3BFPulse 1s steps(2,end) infinite}
.mt3-bf-banner__expired{font-size:clamp(18px,1.45vw,28px);font-weight:900}
@keyframes mt3BFTick{
    0%{opacity:.18;transform:translateY(-7px) scale(.93)}
    55%{opacity:1;transform:translateY(2px) scale(1.035)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mt3BFPulse{0%,45%{opacity:1}50%,95%{opacity:.42}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){
    .mt3-bf-banner__sep,.mt3-bf-banner__unit strong.mt3-bf-tick{animation:none!important}
}
@media (max-width:1050px){
    .mt3-bf-banner__inner{width:calc(100% - 40px);max-width:var(--container, var(--mt3-bf-max, 1330px));gap:22px}
    .mt3-bf-banner__title{font-size:30px}
    .mt3-bf-banner__countdown{font-size:15px;gap:7px}
    .mt3-bf-banner__unit{gap:4px}
}
@media (max-width:767px){
    .mt3-bf-banner{min-height:auto}
    .mt3-bf-banner__inner{
        width:calc(100% - 28px);
        min-height:auto;
        padding:14px 0 15px;
        grid-template-columns:1fr;
        gap:8px;
        text-align:center;
    }
    .mt3-bf-banner__title{font-size:27px;white-space:normal}
    .mt3-bf-banner__countdown{justify-content:center;font-size:13px;gap:6px;white-space:normal;flex-wrap:wrap}
    .mt3-bf-banner__prefix{flex-basis:100%;margin-bottom:1px}
}