@charset "utf-8";

.progress_item[data-v-7debbba6] { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: 2.625rem; }

.progress_item_reward[data-v-7debbba6] { min-width: 2.25rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; --un-bg-opacity: 1; background-color: rgb(232 104 25 / var(--un-bg-opacity)); font-size: 0.75rem; line-height: 1rem; font-weight: 700; margin-top: -0.1875rem; color: rgb(255, 255, 255); }

.item_gray img[data-v-7debbba6] { filter: grayscale(50%); }

.item_gray .progress_item_reward[data-v-7debbba6] { color: rgba(255, 255, 255, 0.898); background-color: rgba(157, 163, 172, 0.8); }

.new-user-exclusive[data-v-ed64b8d2] { padding: 0.5rem 0.6875rem 0px; }

.new-user-exclusive--home[data-v-ed64b8d2] { background: url("/images/home/new-user-exclusive/bg.svg") center center / 100% 100% no-repeat; }

.new-user-exclusive--rewards[data-v-ed64b8d2] { background: none; }

.header-bar[data-v-ed64b8d2] { display: flex; gap: 0.375rem; align-items: center; margin-bottom: 0.3125rem; }

.header-text[data-v-ed64b8d2] { font-family: Montserrat, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: normal; color: rgb(255, 255, 255); }

.cards[data-v-ed64b8d2] { display: flex; gap: 0.4375rem; padding-bottom: 0.5rem; margin-top: 0.3125rem; }

.card-wrap[data-v-ed64b8d2] { display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; cursor: pointer; }

.card-wrap--disabled[data-v-ed64b8d2] { cursor: not-allowed; }

.card-thumb[data-v-ed64b8d2] { z-index: 2; width: 1.875rem; height: 1.875rem; margin-bottom: -0.9375rem; pointer-events: none; object-fit: contain; }

.card-thumb--first-deposit[data-v-ed64b8d2] { width: 1.5rem; }

.card[data-v-ed64b8d2] { position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 0.125rem; align-items: center; width: 100%; padding: 0.9375rem 0px 0.5625rem; overflow: hidden; background-color: rgba(255, 226, 82, 0.4); border: 0.0625rem solid rgba(255, 240, 163, 0.25); border-radius: 0.625rem; box-shadow: rgba(255, 242, 95, 0.18) 0px 0.125rem 0.25rem, rgba(122, 59, 20, 0.8) 0px 0.375rem 0.5rem; }

.card-decor[data-v-ed64b8d2] { position: absolute; z-index: 0; pointer-events: none; opacity: 0.24; filter: blur(0.0625rem); }

.card-decor--first-deposit[data-v-ed64b8d2] { right: -1.6875rem; bottom: -0.875rem; width: 3.625rem; height: 3.25rem; }

.card-decor--daily-signin[data-v-ed64b8d2] { right: -1.3125rem; bottom: -1.625rem; width: 3.875rem; height: 3.8125rem; }

.card-decor--triple-deposit[data-v-ed64b8d2] { right: -1.4375rem; bottom: -1.5rem; width: 4.5rem; height: 3.6875rem; }

.card-title[data-v-ed64b8d2] { z-index: 1; margin: 0px; font-family: Montserrat, sans-serif; font-size: 0.5625rem; font-weight: 600; line-height: 0.75rem; color: rgb(255, 255, 255); text-align: center; }

.card-amount[data-v-ed64b8d2] { z-index: 1; margin: 0px; font-family: Montserrat, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1.0625rem; color: rgb(255, 234, 3); text-align: center; }

.go-btn[data-v-ed64b8d2] { z-index: 1; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 1.25rem; padding: 0.25rem; margin-top: auto; font-family: Montserrat, sans-serif; font-size: 0.75rem; font-weight: 700; color: rgb(232, 104, 25); background-color: rgb(255, 234, 3); border: 0.0625rem solid rgb(255, 243, 116); border-radius: 3.125rem; }

.go-btn--disabled[data-v-ed64b8d2] { opacity: 0.5; }