.demo-showcase-banner {
    all: initial;
    position: fixed !important;
    z-index: 2147483646 !important;
    right: 1rem !important;
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
    left: 1rem !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: .8rem 1rem !important;
    border: 1px solid rgba(251, 191, 36, .62) !important;
    border-radius: 12px !important;
    background: rgba(15, 23, 42, .96) !important;
    box-shadow: 0 18px 60px rgba(2, 6, 23, .32) !important;
    color: #fff !important;
    text-align: center !important;
    font: 700 12px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: .06em !important;
    text-transform: none !important;
}

.demo-showcase-banner strong {
    all: unset;
    display: block !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
}

@media (min-width: 768px) {
    .demo-showcase-banner {
        right: 50% !important;
        left: auto !important;
        width: min(760px, calc(100% - 2rem)) !important;
        transform: translateX(50%) !important;
        padding: .9rem 1.5rem !important;
    }
}