@charset "utf-8";

.invite-bonus-modal[data-v-383d2e8a] { --van-popup-background: #fff; max-width: calc(100vw - 1.5rem); padding: 2.1875rem 2rem 2.5rem; color: rgb(0, 0, 0); text-align: center; border-radius: 1.25rem; }

.invite-bonus-modal__close[data-v-383d2e8a] { position: absolute; top: 0.625rem; right: 0.625rem; width: 1.875rem; height: 1.875rem; cursor: pointer; }

.invite-bonus-modal__close[data-v-383d2e8a]::before, .invite-bonus-modal__close[data-v-383d2e8a]::after { position: absolute; top: 0.875rem; left: 0.5rem; width: 0.875rem; height: 0.125rem; content: ""; background: rgb(255, 255, 255); border-radius: 0.125rem; }

.invite-bonus-modal__close[data-v-383d2e8a]::before { transform: rotate(45deg); }

.invite-bonus-modal__close[data-v-383d2e8a]::after { transform: rotate(-45deg); }

.invite-bonus-modal__content[data-v-383d2e8a] { max-width: 100%; margin: 1.4375rem auto 0px; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; }

.invite-bonus-modal__content p + p[data-v-383d2e8a] { margin-top: 0.625rem; }

.invite-bonus-modal__button[data-v-383d2e8a] { width: 14.9375rem; height: 2.875rem; font-size: 0.875rem; font-weight: 700; color: rgb(255, 255, 255); cursor: pointer; border: 0px; }

.invite-bonus-modal__button--primary[data-v-383d2e8a] { background: rgb(158, 0, 0); }

.invite-bonus-modal__button--secondary[data-v-383d2e8a] { background: transparent; color: rgb(158, 0, 0); border: 0.0625rem solid rgb(158, 0, 0); }