/* Layout for #mcqPushPrompt is set inline via JS (push.js) so the
   banner always renders correctly even if this stylesheet fails to
   load for any reason -- this file only adds the animation and dark
   mode colours on top of that. */

#mcqPushPrompt{
    animation: mcqPushSlideUp .25s ease;
}

@keyframes mcqPushSlideUp{
    from{ transform: translateY(16px); opacity: 0; }
    to{ transform: translateY(0); opacity: 1; }
}

[data-theme="dark"] #mcqPushPrompt .mcq-push-prompt-inner{
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] #mcqPushPrompt .mcq-push-prompt-text{
    color: #f1f5f9 !important;
}

[data-theme="dark"] #mcqPushPrompt #mcqPushLater{
    background: #334155 !important;
    color: #cbd5e1 !important;
}