@charset "utf-8";

.sign-in-process[data-v-5834300a] { width: 100%; min-width: 0px; }

.sign-in-process.is-task[data-v-5834300a] { --reward-item-width: 2.25rem; --reward-item-height: 3.4375rem; --reward-list-gap: .25rem; --treasure-size: 2rem; --track-margin-x: calc(var(--reward-item-width) / 2); }

.sign-in-process.is-rewards[data-v-5834300a] { --reward-item-width: clamp(2.5rem, 10.8vw, 2.6875rem); --reward-item-height: 3.8125rem; --reward-list-gap: .25rem; --treasure-size: 2.25rem; --track-margin-x: calc(var(--reward-item-width) / 2); }

.reward-list[data-v-5834300a], .day-list[data-v-5834300a] { display: flex; gap: var(--reward-list-gap); justify-content: space-between; }

.progress-item[data-v-5834300a], .day-text[data-v-5834300a] { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: var(--reward-item-width); }

.progress-item[data-v-5834300a] { justify-content: space-between; height: var(--reward-item-height); padding: 0.125rem 0px; background: rgb(240, 240, 240); border-radius: 0.25rem; }

.treasure-icon[data-v-5834300a] { width: var(--treasure-size); height: var(--treasure-size); }

.progress-item-reward[data-v-5834300a] { display: flex; align-items: center; justify-content: center; border-radius: 0.125rem; --un-bg-opacity: 1; background-color: rgb(255 255 255 / var(--un-bg-opacity)); font-size: 0.75rem; line-height: 1rem; font-weight: 700; width: 2.25rem; height: 1.0625rem; color: rgb(158, 0, 0); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625rem 0.125rem; }

.item-gray .progress-item-reward[data-v-5834300a] { color: rgb(129, 138, 150); }

.progress-track[data-v-5834300a] { position: relative; height: 0.875rem; margin: .5rem var(--track-margin-x) 0; }

.progress-line-bg[data-v-5834300a], .progress-line-active[data-v-5834300a] { position: absolute; top: 0.3125rem; left: 0px; height: 0.25rem; border-radius: 62.4375rem; }

.progress-line-bg[data-v-5834300a] { right: 0px; background: rgb(217, 217, 217); }

.progress-line-active[data-v-5834300a] { background: rgb(158, 0, 0); }

.progress-node[data-v-5834300a] { position: absolute; top: 0px; box-sizing: border-box; width: 0.875rem; height: 0.875rem; background: rgb(255, 255, 255); border: 0.125rem solid rgb(217, 217, 217); border-radius: 50%; transform: translate(-50%); }

.progress-node.completed[data-v-5834300a] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 14C3.1338 14 0 10.8662 0 7C0 3.1338 3.1338 0 7 0C10.8662 0 14 3.1338 14 7C14 10.8662 10.8662 14 7 14Z' fill='%239E0000'/%3E%3Cpath d='M4.00012 6.99988L5.99988 8.99988L10 4.99976' stroke='white' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 0.875rem 0.875rem no-repeat; border: 0px; }

.day-list[data-v-5834300a] { margin-top: 0.375rem; }

.day-text[data-v-5834300a] { font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: rgb(0, 0, 0); }

.new-user-exclusive[data-v-438589f7] { padding: 0.5rem 0.6875rem 0px; border-radius: 0.25rem; }

.new-user-exclusive--home[data-v-438589f7] { background: linear-gradient(rgba(129, 138, 150, 0.1) 20.95%, rgba(129, 138, 150, 0)); }

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

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

.header-text[data-v-438589f7] { font-size: 0.875rem; font-weight: 700; line-height: normal; }

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

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

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

.card-wrap:nth-child(1) .card[data-v-438589f7] { background: linear-gradient(0deg, rgb(255, 249, 247), rgb(255, 255, 255) 45.05%, rgb(253, 229, 226)); border: 0.09375rem solid rgba(255, 163, 163, 0.2); }

.card-wrap:nth-child(2) .card[data-v-438589f7] { background: linear-gradient(0deg, rgb(254, 248, 233), rgb(255, 255, 255) 42.74%, rgb(254, 242, 216)); border: 0.09375rem solid rgba(255, 217, 0, 0.2); }

.card-wrap:nth-child(3) .card[data-v-438589f7] { background: linear-gradient(0deg, rgb(251, 255, 252), rgb(255, 255, 255) 44.28%, rgb(226, 239, 255)); border: 0.09375rem solid rgba(113, 186, 255, 0.2); }

.card-thumb[data-v-438589f7] { 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-438589f7] { width: 1.5rem; }

.card[data-v-438589f7] { 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; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625rem 0.125rem; border-radius: 0.25rem; }

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

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

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

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

.card-title[data-v-438589f7] { z-index: 1; margin: 0px; font-size: 0.5625rem; font-weight: 600; line-height: 0.75rem; color: rgb(129, 138, 150); text-align: center; }

.card-amount[data-v-438589f7] { z-index: 1; margin: 0px; font-size: 0.875rem; font-weight: 700; line-height: normal; color: var(--csn-primary-color); text-align: center; }

.go-btn[data-v-438589f7] { z-index: 1; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 1.25rem; padding: 0.25rem; font-size: 0.75rem; font-weight: 700; color: rgb(255, 255, 255); background-color: var(--csn-primary-color); border-radius: 0.25rem; }

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