.wbf-apply-transition {
    --wbf-bridge-color: #1f2a44;
    position: fixed;
    inset: 0;
    z-index: 2147482999;
    display: grid;
    place-items: center;
    padding: 24px;
    background: #f8fafc;
    color: #1f2a44;
    font-family: Inter, Arial, sans-serif;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
}
.wbf-apply-transition.is-visible { opacity: 1; }
.wbf-apply-transition > div { display: grid; justify-items: center; max-width: 440px; text-align: center; }
.wbf-apply-transition span { display: flex; gap: 7px; margin-bottom: 22px; }
.wbf-apply-transition span i { width: 24px; height: 7px; border-radius: 2px; background: var(--wbf-bridge-color); animation: wbfBridgeBlocks 1s ease-in-out infinite; }
.wbf-apply-transition span i:nth-child(2) { animation-delay: .13s; }
.wbf-apply-transition span i:nth-child(3) { animation-delay: .26s; }
.wbf-apply-transition strong { font-family: "Archivo Black", Archivo, Inter, sans-serif; font-size: clamp(25px, 5vw, 40px); line-height: 1.12; letter-spacing: -.03em; }
.wbf-apply-transition small { margin-top: 10px; color: #697386; font-size: 15px; line-height: 1.55; }
@keyframes wbfBridgeBlocks { 0%,100% { opacity: .2; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-5px); } }
@media (prefers-reduced-motion: reduce) { .wbf-apply-transition, .wbf-apply-transition * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }