.beta-notice-host:empty { display: none; }
.beta-notice-host { width: 100%; margin: 0 0 22px; }
.beta-notice {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    width: 100%;
    padding: 15px 18px;
    overflow: hidden;
    border: 1px solid rgba(10, 132, 255, .28);
    border-radius: 16px;
    color: #f5f5f7;
    background: linear-gradient(135deg, rgba(10, 132, 255, .14), rgba(10, 132, 255, .055));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 34px rgba(0, 75, 160, .1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.beta-notice__marker { align-self: stretch; min-height: 42px; border-radius: 999px; background: #0a84ff; box-shadow: 0 0 18px rgba(10, 132, 255, .62); }
.beta-notice strong { display: block; margin: 0 0 4px; color: #80c6ff; font: 700 13px/1.25 -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; letter-spacing: .01em; }
.beta-notice p { margin: 0; color: #c7c7cc; font: 400 13px/1.48 -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; }
.beta-notice-host--light { margin: 14px 15px 18px; width: calc(100% - 30px); }
.beta-notice-host--light .beta-notice { border-color: rgba(10, 132, 255, .22); color: #1d1d1f; background: linear-gradient(135deg, rgba(10, 132, 255, .12), rgba(255, 255, 255, .92)); box-shadow: 0 10px 28px rgba(0, 80, 170, .09); backdrop-filter: none; -webkit-backdrop-filter: none; }
.beta-notice-host--light .beta-notice strong { color: #006dc7; }
.beta-notice-host--light .beta-notice p { color: #4e4e54; }
@media (max-width: 600px) {
    .beta-notice-host { margin-bottom: 18px; }
    .beta-notice { gap: 12px; padding: 13px 14px; border-radius: 14px; }
    .beta-notice strong, .beta-notice p { font-size: 12px; }
}