/* Retain the reward card's appearance without Bootstrap's body scroll lock. */
.share-modal button.dashang {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    vertical-align: baseline;
}
.share-modal button.dashang:focus-visible {
    outline: 2px solid #20a0ff;
    outline-offset: 5px;
    border-radius: 50%;
}
dialog.nirvana-reward-dialog {
    width: min(600px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100% - 32px);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: #475669;
    overflow: auto;
    overscroll-behavior: contain;
    box-shadow: 0 20px 40px rgba(31, 45, 61, .5);
}
.nirvana-reward-dialog::backdrop {
    background: rgba(31, 45, 61, .5);
    overflow: hidden;
    overscroll-behavior: contain;
}
.nirvana-reward-dialog > .modal-dialog {
    width: auto;
    margin: 0;
}
.nirvana-reward-dialog .modal-content {
    box-shadow: none;
}
body.night .nirvana-reward-dialog {
    background: #34425a;
    color: #d8e0ea;
}