@charset "utf-8";

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

.invite-bonus-modal__close[data-v-92e461ee] { position: absolute; top: 0.625rem; right: 0.625rem; width: 1.875rem; height: 1.875rem; cursor: pointer; background: rgb(68, 75, 86); border: 0px; border-radius: 50%; }

.invite-bonus-modal__close[data-v-92e461ee]::before, .invite-bonus-modal__close[data-v-92e461ee]::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-92e461ee]::before { transform: rotate(45deg); }

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

.invite-bonus-modal__content[data-v-92e461ee] { 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-92e461ee] { margin-top: 0.625rem; }

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

.invite-bonus-modal__button--primary[data-v-92e461ee] { background: rgb(232, 104, 25); }

.invite-bonus-modal__button--secondary[data-v-92e461ee] { background: rgb(59, 64, 75); }