@charset "UTF-8";
* {
  border: 0;
  box-sizing: border-box;
  font-weight: normal;
  margin: 0;
  padding: 0;
  outline: 0;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  list-style: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html,
body {
  min-height: 100%; }

button {
  background-color: rgba(0, 0, 0, 0);
  color: inherit; }

a {
  color: currentColor;
  text-decoration: none;
  font-size: 1rem; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none; }

h1,
h2,
h3,
h4,
h5,
p {
  font-weight: normal; }

html {
  font-family: Verdana, Raleway, HelveticaNeue, "Source Sans Pro", Helvetica, Arial, "PingFangTC", "Yu Gothic", "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  line-height: 1.5; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.4rem; }

h3 {
  font-size: 1.3rem; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px;
  font-weight: 900; }

h6 {
  font-size: 14px;
  font-weight: 400;
  color: #a8a3a3; }

p {
  font-size: 16px; }

@keyframes StoreColumnHeader___spin___2K0fR {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreColumnHeader___spin___2K0fR {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreColumnHeader___container___1RWIe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.5rem;
  margin-top: 3rem;
  color: #ffffff; }

.StoreColumnHeader___avatar___32ZfA {
  height: 10rem;
  border-radius: 10px;
  overflow: hidden; }
  .StoreColumnHeader___avatar___32ZfA > img {
    height: 100%;
    width: auto; }

.StoreColumnHeader___name___2N_TJ {
  margin-top: 1.5rem; }

.StoreColumnHeader___subtitle___37KlB {
  margin-top: 0.5rem; }

@keyframes Ad___spin___2_u48 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Ad___spin___2_u48 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Ad___container___2C1Q3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; }

.Ad___placeholder___3d29h {
  height: 3.67rem; }

.Ad___float___1-ssf {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 3.67rem; }
  .Ad___float___1-ssf img {
    width: 100%;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem; }

@keyframes Button___spin___3fIqT {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Button___spin___3fIqT {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Button___button___roQxM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2rem;
  padding: 0.75rem;
  border: solid #ffffff 1px;
  border-radius: 0.25rem;
  background-color: rgba(0, 0, 0, 0.44); }
  .Button___button___roQxM > p {
    font-size: 1.2rem;
    color: #FFFFFF; }

@keyframes Background___spin___1e2qt {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Background___spin___1e2qt {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Background___cover___18AqH {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; }
  .Background___cover___18AqH::before, .Background___cover___18AqH::after {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    z-index: 0; }
  .Background___cover___18AqH::before {
    background-image: var(--url);
    background-size: cover;
    filter: blur(3.4px); }
  .Background___cover___18AqH::after {
    background-color: rgba(0, 0, 0, 0.5); }

.Background___container___2Xn7R {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  max-width: 480px;
  min-height: 100vh;
  margin: 0 auto;
  z-index: 1; }

@keyframes QuestionnaireRowHeader___spin___33q-v {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes QuestionnaireRowHeader___spin___33q-v {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.QuestionnaireRowHeader___container___1NyKc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 2.5rem;
  padding: 0 1.5rem;
  margin-top: 2rem;
  color: #ffffff; }

.QuestionnaireRowHeader___avatar___1d_Wu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-basis: 15%; }
  .QuestionnaireRowHeader___avatar___1d_Wu > img {
    max-width: 50px;
    max-height: 100%;
    border-radius: 5px;
    overflow: hidden; }

.QuestionnaireRowHeader___name___2Kmk_ {
  flex-basis: 70%;
  text-align: center; }

.QuestionnaireRowHeader___dummy___lP6aJ {
  flex-basis: 15%; }

@keyframes QuestionnaireFooter___spin___1J7I2 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes QuestionnaireFooter___spin___1J7I2 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.QuestionnaireFooter___container___2mEi0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  margin-bottom: 0;
  bottom: 1rem;
  position: absolute;
  width: 100%; }
  .QuestionnaireFooter___container___2mEi0 > img {
    width: 5.75rem; }

@keyframes Intro___spin___1N7wp {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Intro___spin___1N7wp {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Intro___spin___1N7wp {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Intro___spin___1N7wp {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Intro___container___28-y7 {
  height: 80%;
  overflow-y: scroll;
  margin-bottom: 2.33rem;
  /* maybe modify this later */ }
  .Intro___container___28-y7 * {
    position: relative; }
  .Intro___container___28-y7 > .Intro___avatar___2_m84 {
    margin-top: 1rem; }
  .Intro___container___28-y7 > .Intro___rewardTitle___13dox {
    margin-top: 0.75rem; }
  .Intro___container___28-y7 > .Intro___details___2a5QN {
    margin-top: 0.83rem; }
    .Intro___container___28-y7 > .Intro___details___2a5QN h1 {
      margin-bottom: 0.67rem; }
    .Intro___container___28-y7 > .Intro___details___2a5QN p {
      margin-bottom: 1.17rem; }

.Intro___title___2rWl8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .Intro___title___2rWl8 > p {
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    white-space: pre-line;
    word-break: break-all; }

.Intro___avatar___2_m84 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .Intro___avatar___2_m84 > img {
    max-width: 15rem;
    max-height: 100%;
    min-height: 9.8rem;
    border-radius: 0.78rem; }

.Intro___rewardTitle___13dox {
  text-align: center; }

.Intro___details___2a5QN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch; }
  .Intro___details___2a5QN div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch; }
  .Intro___details___2a5QN h1 {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #ffffff; }
  .Intro___details___2a5QN p {
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    white-space: pre-line;
    word-break: break-all; }

@keyframes Questions___spin___QuYiy {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Questions___spin___QuYiy {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Questions___spin___QuYiy {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Questions___spin___QuYiy {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Questions___container___xOCas {
  height: 80%;
  overflow-y: scroll;
  margin-bottom: 2.33rem;
  /* maybe modify this later */
  width: 100%; }
  .Questions___container___xOCas * {
    position: relative; }
  .Questions___container___xOCas button {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    padding: 0.75rem;
    border-radius: 0.4rem;
    border: solid #ffffff 1px;
    background-color: rgba(0, 0, 0, 0.44);
    margin-top: 0;
    font-size: 1.2rem; }
    .Questions___container___xOCas button > p {
      font-size: 1.2rem;
      color: #FFFFFF; }
  .Questions___container___xOCas button:not(:last-of-type) {
    margin-bottom: 1.5rem; }
  .Questions___container___xOCas .Questions___title___30g-U {
    margin-bottom: 2.08rem; }

.Questions___title___30g-U {
  font-size: 1.33rem;
  text-align: center;
  color: #ffffff; }

.Questions___option___2N0sW[data-active='true'] {
  background-color: rgba(245, 166, 35, 0.65); }

.Questions___inputContainer___-o_rb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  width: 100%;
  height: 70%;
  border-radius: 5px;
  border: solid 1px #ffffff;
  padding: 0.5rem 0.67rem; }

.Questions___inputField___1Lk3- {
  flex: 1;
  width: 100%;
  height: 100%;
  font-size: 1.17rem;
  color: #ffffff;
  background-color: transparent; }
  .Questions___inputField___1Lk3-::placeholder {
    font-size: 1.17rem;
    color: rgba(255, 255, 255, 0.59); }

@keyframes UserInfo___spin___2X45Q {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes UserInfo___spin___2X45Q {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes UserInfo___spin___2X45Q {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes UserInfo___spin___2X45Q {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.UserInfo___container___26Aoq {
  overflow-y: scroll;
  position: relative;
  margin-bottom: 2.33rem;
  height: calc(80% - 2.67rem - 2.5rem);
  width: 100%;
  text-align: center;
  color: #ffffff; }
  .UserInfo___container___26Aoq > h1 {
    margin-bottom: 1.75rem;
    font-size: 1.5rem; }
  .UserInfo___container___26Aoq > h2 {
    font-size: 1.17rem; }
  .UserInfo___container___26Aoq > .UserInfo___avatar___HK97P {
    margin-top: 1rem; }
  .UserInfo___container___26Aoq > .UserInfo___rewardTitle___lj9ip {
    margin-top: 0.75rem; }
  .UserInfo___container___26Aoq .UserInfo___preLine___AWnMi {
    white-space: pre-line; }

.UserInfo___avatar___HK97P {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .UserInfo___avatar___HK97P > img {
    max-width: 15rem;
    max-height: 100%;
    min-height: 9.8rem;
    border-radius: 0.78rem; }

.UserInfo___rewardTitle___lj9ip {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .UserInfo___rewardTitle___lj9ip > p {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    white-space: pre-line;
    word-break: break-all; }

.UserInfo___formContainer___3Ks_h {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  width: 100%; }

.UserInfo___form___LovY5 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%; }
  .UserInfo___form___LovY5 .UserInfo___confirmContainer___2x1JL {
    margin-top: 3rem; }

.UserInfo___error___Rx7UQ {
  height: 1.5rem;
  margin-top: 1rem;
  color: #ff0000;
  text-align: center; }

@keyframes StoreRowHeader___spin___2CmR3 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreRowHeader___spin___2CmR3 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreRowHeader___container___2WSsW {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 2.5rem;
  padding: 0 1.5rem;
  margin-top: 2rem;
  color: #ffffff; }

.StoreRowHeader___avatar___1_r9b {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-basis: 15%; }
  .StoreRowHeader___avatar___1_r9b > img {
    max-width: 70px;
    max-height: 100%;
    border-radius: 5px;
    overflow: hidden; }

.StoreRowHeader___name___T0CQv {
  flex-basis: 65%;
  text-align: center; }

.StoreRowHeader___signout___1psNY {
  width: 35px;
  height: 22px;
  margin: auto;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.44);
  overflow: hidden; }
  .StoreRowHeader___signout___1psNY > button {
    width: 100%;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    color: #ffffff; }

.StoreRowHeader___signoutingPopUp___sqGVl {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1; }
  .StoreRowHeader___signoutingPopUp___sqGVl > p {
    margin: auto 0;
    text-align: center; }
  .StoreRowHeader___signoutingPopUp___sqGVl > div {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border-top: solid 1px #000000; }
    .StoreRowHeader___signoutingPopUp___sqGVl > div > button {
      padding: 0.5rem 0;
      flex: 1; }
      .StoreRowHeader___signoutingPopUp___sqGVl > div > button:first-of-type {
        border-right: solid 1px #000000; }

@keyframes PopUp___spin___3sa2P {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes PopUp___spin___3sa2P {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.PopUp___cover___EmPPD {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
  overflow: hidden; }

@keyframes PopUp___animation___2a56G {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.PopUp___container___2BuqT {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  animation-name: PopUp___animation___2a56G;
  animation-duration: 0.5s;
  overflow: hidden; }
  .PopUp___container___2BuqT::before {
    content: '';
    display: block;
    max-width: 400px;
    padding-top: 140%; }
  .PopUp___container___2BuqT[data-size='S'] {
    background-color: white; }
    .PopUp___container___2BuqT[data-size='S']::before {
      width: 40vw; }
  .PopUp___container___2BuqT[data-size='M']::before {
    width: 60vw; }
  .PopUp___container___2BuqT[data-size='L'] {
    background-color: white; }
    .PopUp___container___2BuqT[data-size='L']::before {
      width: 90vw; }
  .PopUp___container___2BuqT[data-size='None'] {
    background-color: transparent; }
    .PopUp___container___2BuqT[data-size='None']::before {
      width: 80vw; }
  .PopUp___container___2BuqT p {
    margin-bottom: 0px; }

.PopUp___close___Kpfxv {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  z-index: 10; }

.PopUp___x___2bnKz {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 4rem;
  margin: 0 1.5rem 0 auto; }
  .PopUp___x___2bnKz > div {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto; }
    .PopUp___x___2bnKz > div::before, .PopUp___x___2bnKz > div::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      margin: auto;
      background-color: #000000;
      border-radius: 2px; }
    .PopUp___x___2bnKz > div::before {
      transform: rotate(45deg); }
    .PopUp___x___2bnKz > div::after {
      transform: rotate(135deg); }

.PopUp___children___2xVW4 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 0; }

@keyframes Entry___spin___1o2Vf {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Entry___spin___1o2Vf {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Entry___privacyPopUp___2FUCE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  margin: 0 2.5rem 2rem 2.5rem;
  color: #000000;
  overflow: scroll;
  text-align: center; }
  .Entry___privacyPopUp___2FUCE > p {
    text-align: left; }
    .Entry___privacyPopUp___2FUCE > p:not(:first-of-type) {
      margin-top: 1rem; }

.Entry___container___3sdtj {
  position: relative;
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 4rem;
  color: #ffffff; }
  .Entry___container___3sdtj > h4 {
    text-align: center; }

.Entry___row___WVqOg {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 2.67rem;
  margin-top: 3.5rem; }

.Entry___border___23IJt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: solid 1px #ffffff;
  border-radius: 5px;
  overflow: hidden;
  flex-basis: 100%; }
  .Entry___border___23IJt > a {
    width: 100%;
    text-align: center; }
  .Entry___border___23IJt:last-of-type {
    margin-left: 1.25rem; }

.Entry___privacy___223nH {
  margin-top: 1rem;
  text-align: center; }
  .Entry___privacy___223nH > button {
    margin: 0 0.25rem;
    text-decoration: underline; }

@keyframes Common___spin___1V-Iw {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Common___spin___1V-Iw {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Common___spinner___2TJjT {
  margin: auto; }
  .Common___spinner___2TJjT::before {
    content: '';
    display: block;
    height: 5rem;
    width: 5rem;
    border: 0.25rem solid;
    border-color: #ffffff #ffffff transparent transparent;
    border-radius: 50%;
    animation: Common___spin___1V-Iw 1s linear infinite; }

.Common___container___33CLZ {
  position: relative;
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 2rem;
  color: #ffffff; }

.Common___form___2kPLN {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start; }

.Common___part___2yDBf {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start; }
  .Common___part___2yDBf[data-show='false'] {
    display: none; }

.Common___row___2weIm {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 2.67rem; }
  .Common___row___2weIm:not(:first-of-type) {
    margin-top: 1.5rem; }
  .Common___row___2weIm[data-button] {
    margin-top: 3rem; }

.Common___border___2vgsw {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-basis: 100%;
  border: 1px solid #ffffff;
  border-radius: 5px;
  overflow: hidden; }
  .Common___border___2vgsw[data-error='true'] {
    border-color: #ff0000; }

.Common___buttonBorder___3nQcp {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-basis: 100%;
  border-radius: 5px;
  overflow: hidden; }
  .Common___buttonBorder___3nQcp[data-error='true'] {
    border-color: #ff0000; }

.Common___field___2HwvG {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  flex-basis: 100%; }
  .Common___field___2HwvG > input {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    color: #ffffff;
    z-index: 1; }
    .Common___field___2HwvG > input::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: white;
      opacity: 1;
      /* Firefox */ }
    .Common___field___2HwvG > input:-webkit-autofill, .Common___field___2HwvG > input:-webkit-autofill:hover, .Common___field___2HwvG > input:-webkit-autofill:focus, .Common___field___2HwvG > input:-webkit-autofill:active {
      box-shadow: 0 0 0 30px rgba(0, 0, 0, 0) inset;
      -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0) inset;
      -webkit-text-fill-color: #ffffff;
      font-size: 1.2rem; }
    .Common___field___2HwvG > input:focus ~ label {
      display: none; }
  .Common___field___2HwvG > label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 1.2rem; }
    .Common___field___2HwvG > label[data-show='false'] {
      display: none; }

.Common___countryCode___3KXuv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-basis: 40%;
  border: 1px solid #ffffff;
  border-radius: 5px;
  margin-right: 5%; }
  .Common___countryCode___3KXuv > p {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    text-align: center; }
    .Common___countryCode___3KXuv > p::after {
      content: '';
      display: block;
      width: 1rem;
      height: 0.5rem;
      margin: 0.25rem 0 0 0.5rem;
      background-image: var(--url);
      background-size: cover; }
  .Common___countryCode___3KXuv > select {
    position: absolute;
    width: 100%;
    height: 100%;
    color: transparent;
    background-color: transparent; }

.Common___button___1iXyS, .Common___disabledFormButton___1Ks1k, .Common___formButton___qXg2Y {
  flex-basis: 100%; }
  .Common___button___1iXyS > p, .Common___disabledFormButton___1Ks1k > p, .Common___formButton___qXg2Y > p {
    color: #ffffff; }

.Common___disabledFormButton___1Ks1k {
  background-image: linear-gradient(to right, #b1b1b1, #808080); }

.Common___formButton___qXg2Y {
  background-image: linear-gradient(to right, #ffc168, #f76c1d); }

.Common___formButton___qXg2Y:active {
  background-image: linear-gradient(to right, #f76c1d, #f76c1d); }

.Common___countdown___2OFjx {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-basis: 70%;
  background-color: #b2b2b2;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 5%; }
  .Common___countdown___2OFjx > p {
    margin: auto;
    color: #ffffff; }

.Common___resend___KyqJ9 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-basis: 70%;
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 5%; }
  .Common___resend___KyqJ9 > button {
    width: 100%; }
    .Common___resend___KyqJ9 > button > p {
      margin: auto;
      color: #000000;
      font-size: 1.2rem; }

.Common___error___2jvJR {
  position: absolute;
  bottom: 3rem;
  left: 0;
  color: #ff0000;
  text-align: center;
  width: 100%;
  height: 1.5rem; }

.Common___underline___tzWT4 {
  text-decoration: underline; }

@keyframes CenteredTitle___spin___1Cgco {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes CenteredTitle___spin___1Cgco {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.CenteredTitle___title___1JwBz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem;
  color: #ffffff; }

@keyframes CenteredImage___spin___2oOKx {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes CenteredImage___spin___2oOKx {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.CenteredImage___container___2RdkQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.5rem;
  margin-top: 1rem;
  color: #ffffff; }

.CenteredImage___avatar___3wauO {
  height: 10rem;
  border-radius: 10px;
  overflow: hidden; }
  .CenteredImage___avatar___3wauO > img {
    max-width: 15rem;
    max-height: 100%;
    min-height: 9.8rem;
    border-radius: 0.78rem; }

@keyframes DefaultBackground___spin___zdeNi {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes DefaultBackground___spin___zdeNi {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.DefaultBackground___cover___24D6D {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; }
  .DefaultBackground___cover___24D6D::before, .DefaultBackground___cover___24D6D::after {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    z-index: 0; }
  .DefaultBackground___cover___24D6D::before {
    background-image: var(--url);
    background-size: cover;
    filter: blur(3.4px); }
  .DefaultBackground___cover___24D6D::after {
    background-color: rgba(0, 0, 0, 0.5); }

.DefaultBackground___container___AhC7X {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  max-width: 480px;
  min-height: 100vh;
  margin: 0 auto;
  z-index: 1; }

@keyframes StoreInfo___spin___3MQ1h {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreInfo___spin___3MQ1h {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreInfo___introduction___2uV1c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem;
  color: #ffffff; }

.StoreInfo___title___1-lJ- {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  .StoreInfo___title___1-lJ- > img {
    width: 20px;
    height: 20px;
    margin-right: 0.5rem; }

.StoreInfo___content___1DYik {
  margin: 1rem 0 0 calc(0.5rem + 20px);
  white-space: pre-line;
  word-break: break-all; }

@keyframes StoreAvatar___spin___3iaU6 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreAvatar___spin___3iaU6 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreAvatar___container___29qDv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 2.5rem;
  padding: 0 1.5rem;
  margin-top: 2rem;
  color: #ffffff; }

.StoreAvatar___avatar___1Zrxx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-basis: 15%; }
  .StoreAvatar___avatar___1Zrxx > img {
    max-width: 50px;
    max-height: 100%;
    border-radius: 0.19rem;
    overflow: hidden; }

@keyframes GiftItemTitle___spin___1207F {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes GiftItemTitle___spin___1207F {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.GiftItemTitle___title___2BHr7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem;
  color: #ffffff; }

@keyframes GiftItemInfo___spin___3WslA {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes GiftItemInfo___spin___3WslA {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.GiftItemInfo___container___3Ljb7 {
  padding: 0 1.5rem;
  margin-top: 2rem;
  color: #ffffff; }

.GiftItemInfo___title___1sqTp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: bold; }

.GiftItemInfo___content___Kjdeq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 2rem;
  margin: 1rem;
  white-space: pre-line;
  word-break: break-all;
  font-size: 1.3rem;
  text-align: center; }

@keyframes RedeemGiftForm___spin___LGAVK {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes RedeemGiftForm___spin___LGAVK {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes gift___spin___3XxaQ {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes gift___spin___3XxaQ {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.gift___giftContainer___2HK1z {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; }
  .gift___giftContainer___2HK1z > div {
    width: 100%; }

.gift___DownloadAppMargin___1LIBC {
  margin-top: 1.33rem; }

.gift___title___3LD1V {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem;
  font-size: 17px;
  color: #ffffff; }

@keyframes Success___spin___2eg1L {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Success___spin___2eg1L {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Success___spin___2eg1L {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Success___spin___2eg1L {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Success___container___3XymA {
  height: 80%;
  overflow-y: scroll;
  margin-bottom: 2.33rem;
  /* maybe modify this later */
  width: 100%;
  text-align: center;
  color: #ffffff; }
  .Success___container___3XymA * {
    position: relative; }
  .Success___container___3XymA > h1 {
    margin-bottom: 1.75rem;
    font-size: 1.5rem; }
  .Success___container___3XymA > h2 {
    font-size: 1.17rem; }
  .Success___container___3XymA > .Success___avatar___18cN9 {
    margin-top: 1rem; }
  .Success___container___3XymA > .Success___rewardTitle___212Ea {
    margin-top: 0.75rem; }

.Success___avatar___18cN9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .Success___avatar___18cN9 > img {
    max-width: 15rem;
    max-height: 100%;
    min-height: 9.8rem;
    border-radius: 0.78rem; }

.Success___rewardTitle___212Ea {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .Success___rewardTitle___212Ea > p {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    white-space: pre-line;
    word-break: break-all; }

@keyframes Questionnaire___spin___2222K {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Questionnaire___spin___2222K {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Questionnaire___spin___2222K {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Questionnaire___spin___2222K {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Questionnaire___container___2aBeD {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #ffffff;
  position: absolute;
  padding: 0 2.75rem;
  top: 5.6rem;
  bottom: 3rem;
  width: 100%;
  white-space: pre-line; }
  .Questionnaire___container___2aBeD button {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    padding: 0.75rem;
    border-radius: 0.4rem;
    border: solid #ffffff 1px;
    background-color: rgba(0, 0, 0, 0.44);
    margin-top: 0;
    font-size: 1.2rem; }
    .Questionnaire___container___2aBeD button > p {
      font-size: 1.2rem;
      color: #FFFFFF; }
  .Questionnaire___container___2aBeD button p {
    font-size: 1.2rem; }
    .Questionnaire___container___2aBeD button p[data-activate='false'] {
      color: rgba(255, 255, 255, 0.5); }
  .Questionnaire___container___2aBeD .Questionnaire___full_width___30Md3 {
    width: 100%; }

.Questionnaire___button_horizontal_container___3um_e {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%; }
  .Questionnaire___button_horizontal_container___3um_e :not(:last-child) {
    margin-right: 1.5rem; }

.Questionnaire___navigator_container___3eMg4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%; }
  .Questionnaire___navigator_container___3eMg4 > p {
    margin-top: 0.67rem;
    opacity: 0.6;
    font-size: 0.83rem; }

.Questionnaire___inactivedButton___2Azsc {
  color: rgba(255, 255, 255, 0.5); }

@keyframes SingleButtonPopUp___spin___12s4y {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes SingleButtonPopUp___spin___12s4y {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.SingleButtonPopUp___popup___1KYQV {
  flex: 1;
  color: #000000;
  text-align: center;
  align-items: center;
  overflow: scroll;
  padding-top: 25%; }
  .SingleButtonPopUp___popup___1KYQV .SingleButtonPopUp___title___1aTQa {
    font-size: 16px;
    font-weight: 500; }
  .SingleButtonPopUp___popup___1KYQV .SingleButtonPopUp___content___1Ij-B {
    margin: 10px 35px;
    font-size: 14px; }

.SingleButtonPopUp___options___1glhd {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: auto;
  width: 100%;
  background-color: #F0F0F0; }
  .SingleButtonPopUp___options___1glhd > button {
    padding: 0.875rem 0;
    flex: 1; }
    .SingleButtonPopUp___options___1glhd > button > p {
      font-size: 1.25rem; }
    .SingleButtonPopUp___options___1glhd > button:not(:first-of-type) {
      border-left: solid 1px #000000; }

.SingleButtonPopUp___exchange___1cQ1X {
  padding: 0.75rem 0;
  margin-top: auto; }

@keyframes TwoCodeSvg___spin___nCpTM {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes TwoCodeSvg___spin___nCpTM {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.TwoCodeSvg___qrcodePopUp___3TVhp {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: auto 0;
  color: #000000;
  overflow: scroll;
  width: 100%; }
  .TwoCodeSvg___qrcodePopUp___3TVhp > svg {
    padding: 0 rem; }
  .TwoCodeSvg___qrcodePopUp___3TVhp > p:first-of-type {
    margin-top: 0.2rem; }

.TwoCodeSvg___qrcodeWrapper___2ohvU {
  width: 50%; }

.TwoCodeSvg___spaceBetweenCodes___3wu19 {
  height: 0.5rem; }

.BarCodeSvg___Barcode___1xbfk {
  height: 8rem; }

@keyframes MemberProfile___spin___390SB {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes MemberProfile___spin___390SB {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

input {
  border: solid 1px #000000;
  background-color: rgba(0, 0, 0, 0.44);
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  height: 2.7rem;
  font-size: 1.2rem;
  text-align: center;
  color: #ffffff; }

.MemberProfile___qrcodePopUp___37fod {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 2rem;
  margin: auto 0;
  color: #000000; }
  .MemberProfile___qrcodePopUp___37fod > svg {
    padding: 0 rem; }
  .MemberProfile___qrcodePopUp___37fod > p:first-of-type {
    margin-top: 0.2rem; }

.MemberProfile___nameEditPopUp___2_JA7 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1; }
  .MemberProfile___nameEditPopUp___2_JA7 > p {
    margin: 0 0 1rem 0;
    text-align: center; }
  .MemberProfile___nameEditPopUp___2_JA7 > h5 {
    margin: auto 0 0 0;
    text-align: center; }
  .MemberProfile___nameEditPopUp___2_JA7 > input {
    text-align: center; }
  .MemberProfile___nameEditPopUp___2_JA7 > .MemberProfile___nameEditContainer___V9VPj {
    padding-left: 1rem;
    padding-right: 1rem;
    align-items: center;
    text-align: center; }
    .MemberProfile___nameEditPopUp___2_JA7 > .MemberProfile___nameEditContainer___V9VPj > .MemberProfile___nameEdit___1EbNm {
      margin-top: 30px;
      width: 70%;
      text-align: center; }
  .MemberProfile___nameEditPopUp___2_JA7 > .MemberProfile___subtitle___2vxxk {
    font-size: 1rem; }

.MemberProfile___options___2DKhR {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: auto;
  background-color: #F0F0F0; }
  .MemberProfile___options___2DKhR > button {
    padding: 0.875rem 0;
    flex: 1; }
    .MemberProfile___options___2DKhR > button .MemberProfile___borderLeft___2VLMX {
      border-left: solid 1px #000000; }

.MemberProfile___imageEditPopUp___Ws9_G {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1; }
  .MemberProfile___imageEditPopUp___Ws9_G > p {
    margin: 0 0 1rem 0;
    text-align: center; }
  .MemberProfile___imageEditPopUp___Ws9_G > h5 {
    margin: auto 0 0 0;
    text-align: center; }
  .MemberProfile___imageEditPopUp___Ws9_G > .MemberProfile___avatarEdit___1c3o2 {
    margin: 1rem 0 0 0;
    text-align: center;
    align-items: center; }
    .MemberProfile___imageEditPopUp___Ws9_G > .MemberProfile___avatarEdit___1c3o2 > img {
      object-fit: cover;
      width: 10rem;
      height: 10rem;
      border-radius: 100%; }
  .MemberProfile___imageEditPopUp___Ws9_G input {
    display: none; }

.MemberProfile___successModal___2AN2J {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: auto; }
  .MemberProfile___successModal___2AN2J > img {
    width: 5rem; }
  .MemberProfile___successModal___2AN2J > p {
    margin-top: 2.5rem; }

.MemberProfile___container___24VFp {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding: 0 15px;
  margin-top: 2rem;
  color: #ffffff; }

.MemberProfile___avatar___Jubtq {
  position: relative;
  flex-basis: 20%;
  margin: auto 0; }
  .MemberProfile___avatar___Jubtq::after {
    content: '';
    display: block;
    width: 100%; }
  .MemberProfile___avatar___Jubtq img {
    object-fit: cover;
    width: 4.58rem;
    height: 4.58rem;
    border-radius: 100%; }

.MemberProfile___profile___1I-Yb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-basis: 50%;
  margin-left: 1.58rem; }

.MemberProfile___TwoCodeWrapper___3m2Ai {
  margin: auto 0;
  padding-bottom: 2rem; }

.MemberProfile___qrcodeIcon___3EPuI {
  display: block;
  margin: auto;
  width: 60px;
  height: 39px;
  box-sizing: content-box;
  border-radius: 4px;
  padding: 6px 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.35); }
  .MemberProfile___qrcodeIcon___3EPuI > img {
    height: 11px; }
  .MemberProfile___qrcodeIcon___3EPuI > p {
    font-size: 13px;
    letter-spacing: -0.24px;
    white-space: nowrap; }

@keyframes Common___spin___1EeMf {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Common___spin___1EeMf {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Common___spinner___qDRnu {
  margin: auto; }
  .Common___spinner___qDRnu::before {
    content: '';
    display: block;
    height: 5rem;
    width: 5rem;
    border: 0.25rem solid;
    border-color: #ffffff #ffffff transparent transparent;
    border-radius: 50%;
    animation: Common___spin___1EeMf 1s linear infinite; }

@keyframes StoreTabs___spin___3wn84 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreTabs___spin___3wn84 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreTabs___container___1VpGl {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start; }

.StoreTabs___tabOnclick___QJuz8 {
  flex: 1;
  padding: 0.75rem 0;
  text-align: center;
  color: white;
  font-size: 16px; }

.StoreTabs___tab___1sTxf {
  flex: 1;
  padding: 0.75rem 0;
  text-align: center;
  color: #FFD700;
  font-size: 18px;
  font-weight: bold; }
  .StoreTabs___tab___1sTxf[data-active=true] {
    border-bottom: 2px solid  #FFD700; }

@keyframes SpinnerPopUp___spin___1xiN0 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes SpinnerPopUp___spin___1xiN0 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.SpinnerPopUp___style___16v9Y {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100; }
  .SpinnerPopUp___style___16v9Y > img {
    width: 500px; }

.Prelogin___wrapper___119Tn {
  position: relative;
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  color: #ffffff; }

.Prelogin___formWrapper___3sxC- {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 90%;
  margin: 30vh auto 0 auto; }

.Prelogin___inputWrapper___P1EWk {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 2.67rem; }
  .Prelogin___inputWrapper___P1EWk[data-button] {
    margin-top: 2rem;
    border-radius: 5px; }

.SigninForm___forget___2_8B0 {
  position: absolute;
  top: 10.5rem;
  right: 3rem;
  text-decoration: underline; }

.SigninForm___hint___cQbEP {
  text-align: center;
  margin-bottom: 20px; }

@keyframes SignupForm___spin___3j_tg {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes SignupForm___spin___3j_tg {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.SignupForm___birthday___3vGBJ > input {
  position: absolute;
  width: 100%;
  height: 100%;
  color: transparent; }

.SignupForm___birthday___3vGBJ > p {
  font-size: 1.2rem;
  margin: auto; }

.SignupForm___sex___3DWhz {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  flex-basis: 100%; }
  .SignupForm___sex___3DWhz::after {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-top: #ffffff 2px solid;
    border-right: #ffffff 2px solid;
    transform: rotate(135deg); }
  .SignupForm___sex___3DWhz > p {
    font-size: 1.2rem;
    margin: auto; }
  .SignupForm___sex___3DWhz > select {
    position: absolute;
    width: 100%;
    height: 100%;
    color: transparent;
    background-color: transparent; }

.SignupForm___hint___16yxL {
  text-align: center;
  margin-bottom: 20px; }

@keyframes ForgotForm___spin___d-HUe {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes ForgotForm___spin___d-HUe {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.ForgotForm___forgot___2fiA8 {
  text-align: center; }

.ForgotForm___form___2_0NK {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 1.5rem; }

@keyframes StoreInformation___spin___3OO3M {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreInformation___spin___3OO3M {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreInformation___container___3eTXb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.44); }

.StoreInformation___links___1gmur {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 calc(2.5rem + 20px);
  margin-top: 2rem; }

.StoreInformation___link___CI7kk {
  text-align: center;
  margin: auto; }
  .StoreInformation___link___CI7kk > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; }
    .StoreInformation___link___CI7kk > a > img {
      width: 30px;
      height: 30px; }
    .StoreInformation___link___CI7kk > a > p {
      color: white;
      margin-top: 0.5rem; }

.StoreInformation___introduction___3XQgP {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem; }

.StoreInformation___promotion___2KwwJ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem; }

.StoreInformation___title___2H2y2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  .StoreInformation___title___2H2y2 > img {
    width: 20px;
    height: 20px;
    margin-right: 0.5rem; }

.StoreInformation___content___hbkpv {
  margin: 1rem 0 0 calc(0.5rem + 20px);
  white-space: pre-line;
  word-break: break-all; }

.StoreInformation___branches___D5V8o {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 1.5rem; }
  .StoreInformation___branches___D5V8o > div {
    padding: 0 2rem; }
  .StoreInformation___branches___D5V8o > .StoreInformation___branch___3kfRH:first-of-type {
    margin-top: 0.67rem; }
  .StoreInformation___branches___D5V8o > .StoreInformation___branch___3kfRH:not(:first-of-type) {
    margin-top: 0.33rem; }

.StoreInformation___branch___3kfRH {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  padding: 0.33rem calc(2.5rem + 20px);
  background-color: rgba(0, 0, 0, 0.3); }
  .StoreInformation___branch___3kfRH[data-dropdown=true] > p::after {
    transform: rotate(180deg); }
  .StoreInformation___branch___3kfRH > p {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .StoreInformation___branch___3kfRH > p::after {
      content: '';
      display: block;
      width: 0.5rem;
      height: 0.25rem;
      margin-left: 0.5rem;
      background-image: var(--url);
      background-size: contain;
      background-repeat: no-repeat;
      transition: all 0.3s ease-in-out; }
  .StoreInformation___branch___3kfRH ul {
    margin-top: 1rem; }
  .StoreInformation___branch___3kfRH > button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .StoreInformation___branch___3kfRH .StoreInformation___upper___2tXX9 {
    float: left;
    z-index: 1; }
  .StoreInformation___branch___3kfRH .StoreInformation___upper_herf___DVcLv {
    text-decoration: underline;
    float: left;
    z-index: 1;
    color: dodgerblue; }

.StoreInformation___informations___3_wxc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.5rem;
  padding: 0 2rem; }
  .StoreInformation___informations___3_wxc .StoreInformation___upper___2tXX9 {
    float: left;
    z-index: 1; }
  .StoreInformation___informations___3_wxc .StoreInformation___upper_herf___DVcLv {
    text-decoration: underline;
    float: left;
    z-index: 1;
    color: dodgerblue; }

.StoreInformation___information___3VR1a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start; }
  .StoreInformation___information___3VR1a:not(:first-of-type) {
    margin-top: 1.5rem; }
  .StoreInformation___information___3VR1a > img {
    width: 20px;
    height: 20px;
    margin-right: 0.5rem; }
  .StoreInformation___information___3VR1a > .StoreInformation___informationText___3vk2y {
    white-space: pre-line;
    word-break: break-all; }

@keyframes StoreTimeline___spin___1Nl_F {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreTimeline___spin___1Nl_F {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StoreTimeline___container___n3C6T {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.5); }
  .StoreTimeline___container___n3C6T[data-empty=true] {
    height: 100%;
    background-image: var(--url);
    background-repeat: no-repeat;
    background-size: auto 5rem;
    background-position: 50% calc(50% - 4rem); }

.StoreTimeline___spinner___5fe6n {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1; }
  .StoreTimeline___spinner___5fe6n::before {
    content: '';
    display: block;
    height: 3rem;
    width: 3rem;
    border: 0.25rem solid;
    border-color: #ffffff #ffffff transparent transparent;
    border-radius: 50%;
    animation: StoreTimeline___spin___1Nl_F 1s linear infinite; }

.StoreTimeline___posts___3-zzc {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start; }

.StoreTimeline___post___d5SF- {
  padding: 1rem;
  margin-bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.3); }
  .StoreTimeline___post___d5SF-:last-of-type {
    margin-bottom: 2rem; }
  .StoreTimeline___post___d5SF- .StoreTimeline___title___1swji {
    font-weight: bold; }
  .StoreTimeline___post___d5SF- .StoreTimeline___timestamp___3tBxX {
    font-size: 0.8rem;
    margin-top: 0.5rem; }
  .StoreTimeline___post___d5SF- .StoreTimeline___content___3qM5I {
    margin-top: 0.5rem;
    white-space: pre-line;
    word-break: break-all; }
  .StoreTimeline___post___d5SF- > img {
    width: 100%;
    margin-top: 0.75rem; }

@keyframes OnSuccessPopUp___spin___z35nL {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes OnSuccessPopUp___spin___z35nL {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.OnSuccessPopUp___successModal___15TCA {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  color: #000000;
  text-align: center;
  overflow: scroll; }
  .OnSuccessPopUp___successModal___15TCA > p {
    margin: 1rem; }

.OnSuccessPopUp___options___1tWNu {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: auto;
  width: 100%;
  background-color: #F0F0F0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .OnSuccessPopUp___options___1tWNu > button {
    padding: 0.875rem 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translate(-50%); }
    .OnSuccessPopUp___options___1tWNu > button > p {
      font-size: 1.25rem; }
    .OnSuccessPopUp___options___1tWNu > button:not(:first-of-type) {
      border-left: solid 1px #000000; }

@keyframes StorePointCard___spin___WEHYH {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StorePointCard___spin___WEHYH {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.StorePointCard___redeemPolicyPopUp___2DEwZ {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  color: #000000;
  text-align: center;
  /* branch select */
  /* state: final confirm */ }
  .StorePointCard___redeemPolicyPopUp___2DEwZ img {
    width: 100%; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___redeemPolicyImg___1vvYK {
    position: relative;
    padding-top: 64%; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___redeemPolicyImg___1vvYK img {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: fill; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___redeemContent___3Fxst {
    position: relative;
    text-align: center;
    width: 100%;
    overflow: scroll;
    padding: 20px 10% 60px; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___redeemContent___3Fxst > h5 {
      margin-bottom: 20px; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___amountBlock___3ih3t {
    margin: 20px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___amountBlock___3ih3t > input {
      padding: 5%;
      width: 70%;
      border-radius: 8px;
      border: 0px;
      color: #000;
      background-color: rgba(0, 0, 0, 0.15);
      position: relative; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___amountBlock___3ih3t > button {
      margin: 0 10px; }
      .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___amountBlock___3ih3t > button > img {
        width: 20px; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___branchSelectTitle___3GJB9 {
    padding-top: 20px;
    padding-bottom: 1.3rem;
    background-color: #7187A6;
    color: white; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___none___1bxa8 {
    display: none; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___searchBox___3hBcF {
    position: relative;
    border: 1px solid black;
    border-radius: 5px;
    left: 10%;
    width: 80%;
    margin: 10px 0; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___searchBox___3hBcF > input {
      border: none;
      color: black;
      width: 100%;
      background-color: white; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___searchBox___3hBcF > img {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 5px;
      width: 20px; }
  .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___tooManyBranchesContainer___23stg {
    overflow-y: scroll;
    flex: 1;
    padding: 20px 10%; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___tooManyBranchesContainer___23stg .StorePointCard___branchSelectBtn___3dD38 {
      width: 65%;
      height: 2.5rem;
      border-radius: 5px;
      border: solid 1px #000000;
      background-color: none;
      margin-bottom: 1.3rem; }
      .StorePointCard___redeemPolicyPopUp___2DEwZ .StorePointCard___tooManyBranchesContainer___23stg .StorePointCard___branchSelectBtn___3dD38[data-active='true'] {
        transition: background-color 1s;
        border: solid 1px #f5a623;
        background-color: rgba(245, 166, 35, 0.44); }
  .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___finalStateContent___8f0Tt {
    position: relative;
    display: block;
    overflow-y: scroll;
    flex: 1;
    width: 100%;
    padding: 20px 10% 5px;
    margin-bottom: 20%; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___finalStateContent___8f0Tt .StorePointCard___finalStateTitle___2GCKG {
      font-size: 18px;
      color: #8b7b7b;
      margin: 10px 0; }
    .StorePointCard___redeemPolicyPopUp___2DEwZ > .StorePointCard___finalStateContent___8f0Tt > p {
      line-height: 1.5; }

.StorePointCard___wrapper___g4E_G {
  margin: 15px 0; }
  .StorePointCard___wrapper___g4E_G > h6 {
    margin-bottom: 10px; }

.StorePointCard___redeemSuccess___IVi38 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  z-index: 99; }

.StorePointCard___options___3aHWP {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: auto;
  width: 100%;
  background-color: #7187A6;
  color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .StorePointCard___options___3aHWP > button {
    padding: 0.875rem 0;
    flex: 1; }
    .StorePointCard___options___3aHWP > button .StorePointCard___borderRight___23nRg {
      border-right: solid 1px white; }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */ }

/*
.qrcodePopUp {
  @include flex(column, center);
  padding-bottom: 2rem;
  margin: auto 0;
  color: $black;

  > svg {
    padding: 0rem;
  }

  > p {
    &:first-of-type {
      margin-top: 0.2rem;
    }
  }
}
*/
.StorePointCard___onSuccessPopup___1Uj3a {
  overflow: scroll;
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 0px 15px; }
  .StorePointCard___onSuccessPopup___1Uj3a > h6 {
    margin-top: 0.667rem;
    margin-bottom: 1.75rem; }
  .StorePointCard___onSuccessPopup___1Uj3a > .StorePointCard___onSuccessTitle___hoJtH {
    color: rgba(0, 0, 0, 0.55);
    margin-top: 1.333rem;
    margin-bottom: 0.42rem; }
  .StorePointCard___onSuccessPopup___1Uj3a > .StorePointCard___onSuccessValue___2c3Ml {
    color: #000000; }
  .StorePointCard___onSuccessPopup___1Uj3a > .StorePointCard___warning___S5vj1 {
    font-size: 0.833rem; }

.StorePointCard___warnModal___1Wvy3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: auto;
  background-color: white;
  padding: 10px;
  border-radius: 5px; }
  .StorePointCard___warnModal___1Wvy3 > img {
    width: 5rem; }
  .StorePointCard___warnModal___1Wvy3 > p {
    margin-top: 2.5rem;
    text-align: center; }

.StorePointCard___container___2rc4X {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.5); }

.StorePointCard___spinner___1hZMs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin: 1.5rem 0; }
  .StorePointCard___spinner___1hZMs::before {
    content: '';
    display: block;
    height: 3rem;
    width: 3rem;
    border: 0.25rem solid;
    border-color: #ffffff #ffffff transparent transparent;
    border-radius: 50%;
    animation: StorePointCard___spin___WEHYH 1s linear infinite; }

.StorePointCard___top_btns___2L77q {
  display: flex; }
  .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    height: 5rem;
    overflow: hidden;
    width: 100%; }
    .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ[data-dropdown='true'] {
      overflow: visible; }
      .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ[data-dropdown='true'] button .StorePointCard___dropdown___QZ7w8 {
        transform: rotate(180deg); }
    .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ button .StorePointCard___dropdown___QZ7w8 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin-left: 0.5rem;
      width: 11px;
      height: 6px;
      transition: all 0.3s ease-in-out; }
    .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ::before, .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ::after {
      position: absolute;
      width: 100%;
      content: '';
      display: block;
      background-color: rgba(0, 0, 0, 0.9);
      z-index: 10; }
    .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ::before {
      top: -100vh; }
    .StorePointCard___top_btns___2L77q .StorePointCard___select___36zsJ::after {
      top: 100%; }
  .StorePointCard___top_btns___2L77q .StorePointCard___reload___2wwR9 {
    position: absolute;
    right: 5px;
    height: 5rem;
    z-index: 10; }
    .StorePointCard___top_btns___2L77q .StorePointCard___reload___2wwR9 .StorePointCard___icon___MeDK8 {
      width: 20px; }

.StorePointCard___balance___1anbG {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  flex-shrink: 0;
  order: 1;
  height: 5rem;
  padding: 0 3rem 0 2rem;
  z-index: 1;
  transition: order 1s; }
  .StorePointCard___balance___1anbG[data-current='true'] {
    order: 0; }
    .StorePointCard___balance___1anbG[data-current='true'] > button {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: end; }
  .StorePointCard___balance___1anbG[data-current='false'] {
    background-color: black;
    z-index: 11; }
    .StorePointCard___balance___1anbG[data-current='false'] > button {
      position: absolute;
      left: 0;
      height: 100%;
      width: 100%;
      padding: 2rem;
      text-align: end; }
      .StorePointCard___balance___1anbG[data-current='false'] > button .StorePointCard___dropdown___QZ7w8 {
        display: none; }
  .StorePointCard___balance___1anbG > img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%; }
  .StorePointCard___balance___1anbG > h4 {
    margin-left: 1rem; }
  .StorePointCard___balance___1anbG > p {
    margin: 0.5rem 0 0 0.25rem; }
  .StorePointCard___balance___1anbG > button {
    height: 100%;
    margin-left: auto; }

.StorePointCard___dash___3O47K {
  margin: 0 2rem;
  border-top: 2px dashed rgba(255, 255, 255, 0.5); }

.StorePointCard___card___Q-Ml5 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 2rem;
  margin: 1.5rem 0 2rem 0; }

.StorePointCard___description___16l4Z:not(:first-of-type) {
  margin-top: 1rem; }

.StorePointCard___title___1xXKw {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative; }
  .StorePointCard___title___1xXKw > .StorePointCard___titleImg___8cwrH {
    width: 20px;
    height: 20px;
    margin-right: 0.5rem; }
  .StorePointCard___title___1xXKw .StorePointCard___fontawesome___yWCd8 {
    margin-right: 0.5rem; }
  .StorePointCard___title___1xXKw[data-dropdown='true'] > .StorePointCard___dropdown___QZ7w8 {
    transform: rotate(180deg); }
  .StorePointCard___title___1xXKw > .StorePointCard___dropdown___QZ7w8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0.5rem;
    width: 11px;
    height: 6px;
    transition: all 0.3s ease-in-out; }
  .StorePointCard___title___1xXKw > button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.StorePointCard___content___moyl8 {
  margin: 0.5rem 0 0 calc(0.5rem + 20px);
  white-space: pre-line;
  word-break: break-all; }
  .StorePointCard___content___moyl8 > p {
    margin-top: 0.4rem; }

.StorePointCard___redeems___3WqC2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 1rem 0 0 calc(0.5rem + 20px - 1.25rem);
  flex-wrap: wrap; }
  .StorePointCard___redeems___3WqC2 img {
    object-fit: contain; }

.StorePointCard___redeem___14Fj1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: 1.25rem;
  margin-bottom: 10px; }
  .StorePointCard___redeem___14Fj1 > button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 8rem;
    height: 6rem;
    border: solid #ffffff 1px;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, 0.44);
    overflow: hidden; }
    .StorePointCard___redeem___14Fj1 > button .StorePointCard___shadow___2eQKH {
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
      z-index: 1; }
    .StorePointCard___redeem___14Fj1 > button > img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: fill; }
    .StorePointCard___redeem___14Fj1 > button > p {
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      bottom: 0;
      font-size: 0.9rem;
      z-index: 5;
      width: 70%; }
  .StorePointCard___redeem___14Fj1 > p {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    text-align: center; }

.StorePointCard___transactions___1-TV0 {
  margin: 0.5rem 0 0 calc(0.5rem + 20px); }

.StorePointCard___transaction___2hqIC > .StorePointCard___timestamp___3F7Mz {
  font-size: 0.9rem;
  color: #acacac; }

.StorePointCard___transaction___2hqIC > div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start; }
  .StorePointCard___transaction___2hqIC > div > .StorePointCard___msg___chhwR {
    text-align: left; }
  .StorePointCard___transaction___2hqIC > div > .StorePointCard___amount___wjRdR {
    width: 10rem;
    text-align: left; }
    .StorePointCard___transaction___2hqIC > div > .StorePointCard___amount___wjRdR[data-pos='true'] {
      color: #f5a623; }
    .StorePointCard___transaction___2hqIC > div > .StorePointCard___amount___wjRdR[data-pos='false'] {
      color: #ff8383; }

.StorePointCard___warning___S5vj1 {
  text-align: center;
  color: #ff0505;
  font-size: 12px; }

/* for input, dont show arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type='number'] {
  -moz-appearance: textfield;
  /* Firefox */ }

@charset "UTF-8";
@keyframes StoreCoupon___spin___1evfH {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes StoreCoupon___spin___1evfH {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*
.qrcodePopUp {
  @include flex(column, center);
  padding-bottom: 0.1rem;
  margin: auto 0;
  color: $black;

  .codeWrapper {
    height: 10rem;
  }

  > svg {
    &:not(first-of-type) {
      margin-top: 0.1rem;
    }
  }

  > p {
    &:first-of-type {
      margin-top: 0.1rem;
    }
  }
}
*/
.StoreCoupon___couponPopUp___2Gyhg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  color: #000000;
  text-align: center;
  overflow: hidden;
  /* branch select */
  /* state: final confirm */ }
  .StoreCoupon___couponPopUp___2Gyhg img {
    width: 100%; }
  .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___couponImg___2chZQ {
    position: relative;
    padding-top: 64%; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___couponImg___2chZQ img {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: fill;
      border-radius: 8px; }
  .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___infoContent___MRFcQ {
    overflow-y: scroll;
    flex: 1;
    padding: 20px 10%; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___infoContent___MRFcQ .StoreCoupon___warningText___2FDdP {
      color: red;
      font-size: 10px; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___infoContent___MRFcQ .StoreCoupon___amountBlock___33-A2 {
      margin: 20px 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___infoContent___MRFcQ .StoreCoupon___amountBlock___33-A2 > input {
        padding: 5%;
        width: 70%;
        border-radius: 8px;
        border: 0px;
        color: #000;
        background-color: rgba(0, 0, 0, 0.15);
        position: relative; }
      .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___infoContent___MRFcQ .StoreCoupon___amountBlock___33-A2 > button {
        margin: 0 10px; }
        .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___infoContent___MRFcQ .StoreCoupon___amountBlock___33-A2 > button > img {
          width: 20px; }
  .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___wrapper___pI7oF {
    margin: 15px 0; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___wrapper___pI7oF > p {
      white-space: pre-line; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___wrapper___pI7oF > h6 {
      margin-bottom: 10px; }
  .StoreCoupon___couponPopUp___2Gyhg > .StoreCoupon___branchSelectTitle___vYWM3 {
    padding-top: 20px;
    padding-bottom: 1.3rem;
    background-color: #7187A6;
    color: white; }
  .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___tooManyBranchesContainer___2tg1h {
    overflow-y: scroll;
    flex: 1;
    padding: 20px 10%; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___tooManyBranchesContainer___2tg1h .StoreCoupon___branchSelectBtn___2afQb {
      margin-bottom: 1.3rem;
      width: 65%;
      height: 2.5rem;
      border-radius: 5px;
      border: solid 1px #000000;
      background-color: none; }
      .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___tooManyBranchesContainer___2tg1h .StoreCoupon___branchSelectBtn___2afQb[data-active='true'] {
        transition: background-color 1s;
        border: solid 1px #f5a623;
        background-color: rgba(245, 166, 35, 0.44); }
  .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___none___107ym {
    display: none; }
  .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___searchBox___2f5eS {
    position: relative;
    border: 1px solid black;
    border-radius: 5px;
    left: 10%;
    width: 80%;
    margin: 10px 0; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___searchBox___2f5eS > input {
      border: none;
      color: black;
      width: 100%;
      background-color: white; }
    .StoreCoupon___couponPopUp___2Gyhg .StoreCoupon___searchBox___2f5eS > img {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 5px;
      width: 20px; }
  .StoreCoupon___couponPopUp___2Gyhg > .StoreCoupon___finalStateContent___1_-DY {
    position: relative;
    display: block;
    overflow-y: scroll;
    flex: 1;
    width: 100%;
    padding: 5px 10%;
    margin: 10% 0; }
    .StoreCoupon___couponPopUp___2Gyhg > .StoreCoupon___finalStateContent___1_-DY .StoreCoupon___finalStateTitle___2Gx0l {
      font-size: 18px;
      color: #8b7b7b;
      margin: 10px 0; }
    .StoreCoupon___couponPopUp___2Gyhg > .StoreCoupon___finalStateContent___1_-DY > p {
      line-height: 1.5; }

.StoreCoupon___options___1oC2c {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: auto;
  width: 100%;
  background-color: #7187A6;
  color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .StoreCoupon___options___1oC2c > button {
    padding: 0.875rem 0;
    flex: 1; }
    .StoreCoupon___options___1oC2c > button .StoreCoupon___borderRight___3ReIe {
      border-right: solid 1px white; }

.StoreCoupon___redeemSuccess___13Rl_ {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  z-index: 99; }

.StoreCoupon___exchange___1QXHH {
  padding: 0.75rem 0;
  margin-top: auto; }

.StoreCoupon___unExchange___q_pLw {
  color: rgba(0, 0, 0, 0.25);
  padding: 0.75rem 0;
  margin-top: auto; }

.StoreCoupon___container___XYAC7 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1; }
  .StoreCoupon___container___XYAC7 .StoreCoupon___backgroundColor___1LCA4 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1; }
  .StoreCoupon___container___XYAC7[data-empty='true'] {
    height: 100%;
    background-image: var(--url);
    background-repeat: no-repeat;
    background-size: auto 5rem;
    background-position: 50% calc(50% - 4rem); }
    .StoreCoupon___container___XYAC7[data-empty='true']::before {
      padding-top: 2rem;
      margin: auto;
      content: '\76EE\524D\5C1A\7121\53EF\7528\7968\5238';
      font-size: 1.333rem;
      opacity: 0.6; }

.StoreCoupon___couponsTotal___2gPIA {
  font-size: 14px;
  padding-left: 2rem;
  margin-top: 10px;
  margin-bottom: 20px; }

.StoreCoupon___couponAmount___1tVpI {
  letter-spacing: -0.29px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px; }
  .StoreCoupon___couponAmount___1tVpI > p {
    display: inline;
    letter-spacing: -0.07px;
    color: #ffffff; }

.StoreCoupon___spinner___2zpXM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1; }
  .StoreCoupon___spinner___2zpXM::before {
    content: '';
    display: block;
    height: 3rem;
    width: 3rem;
    border: 0.25rem solid;
    border-color: #ffffff #ffffff transparent transparent;
    border-radius: 50%;
    animation: StoreCoupon___spin___1evfH 1s linear infinite; }

.StoreCoupon___coupons___2bFnW {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 2rem; }

.StoreCoupon___coupon___1aY72 {
  position: relative;
  background-image: var(--url);
  background-size: cover;
  padding-bottom: 5%;
  margin-bottom: 20px; }
  .StoreCoupon___coupon___1aY72:last-of-type {
    margin-bottom: 2rem; }
  .StoreCoupon___coupon___1aY72::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 35.71%; }
  .StoreCoupon___coupon___1aY72 .StoreCoupon___description___3yZrO {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    width: 100%;
    height: 66%;
    padding: 15px;
    overflow: hidden; }
    .StoreCoupon___coupon___1aY72 .StoreCoupon___description___3yZrO > img {
      min-width: 0;
      width: 110px;
      height: 80px;
      margin-right: 10px; }
    .StoreCoupon___coupon___1aY72 .StoreCoupon___description___3yZrO > div {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      flex: 1;
      min-width: 0;
      margin-left: 0.75rem;
      text-align: left; }
      .StoreCoupon___coupon___1aY72 .StoreCoupon___description___3yZrO > div > p {
        white-space: nowrap;
        text-overflow: ellipsis; }
      .StoreCoupon___coupon___1aY72 .StoreCoupon___description___3yZrO > div .StoreCoupon___expiration___1kSIW {
        width: 125%;
        margin-top: 0.25rem;
        transform: scale(0.9);
        transform-origin: left;
        white-space: pre-line; }
  .StoreCoupon___coupon___1aY72 .StoreCoupon___use___1qffe {
    position: absolute;
    bottom: -5%;
    width: 100%;
    height: 34%;
    font-size: 1.2rem;
    text-align: center; }

/*
.onSuccessPopup {
  overflow: scroll;
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 0px 15px;

  .wrapper {
    margin-top: 0.667rem;
    margin-bottom: 1.75rem;
  }

  > .onSuccessTitle {
    color: rgba(0, 0, 0, 0.55);
    margin-top: 1.333rem;
    margin-bottom: 0.42rem;
  }

  > .onSuccessValue {
    color: #000000;
  }

  > .warning {
    font-size: 0.833rem;
  }
}
*/
.StoreCoupon___warning___130Rv {
  text-align: center;
  color: #ff0505; }

.StoreCoupon___trans___1Skiq {
  margin: auto;
  text-align: center; }
  .StoreCoupon___trans___1Skiq .StoreCoupon___transId___6POV2 {
    display: block;
    width: 148px;
    height: 20px;
    box-sizing: content-box;
    border-radius: 8px;
    padding: 6px 9px;
    margin: 8px 0px;
    border: solid 2px transparent;
    color: #000;
    background-color: rgba(0, 0, 0, 0.15);
    font-size: 12px; }
  .StoreCoupon___trans___1Skiq .StoreCoupon___countryCode___1SBqd {
    display: flex;
    width: 148px;
    height: 20px;
    box-sizing: content-box;
    border-radius: 8px;
    margin: 8px 0px;
    color: #000;
    padding: 6px 9px;
    background-color: rgba(0, 0, 0, 0.15); }
    .StoreCoupon___trans___1Skiq .StoreCoupon___countryCode___1SBqd > select {
      position: absolute;
      opacity: 0;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      width: 50px;
      color: #000;
      background-color: transparent;
      font-size: 14px; }
    .StoreCoupon___trans___1Skiq .StoreCoupon___countryCode___1SBqd > input {
      display: block;
      width: 101px;
      height: 20px;
      color: #000;
      border: 0px;
      background-color: transparent;
      font-size: 12px; }
  .StoreCoupon___trans___1Skiq .StoreCoupon___fixCountryCodePosition___3GmS2 {
    display: flex;
    text-align: left;
    align-items: center;
    border-right: 1px solid black;
    padding-right: 3px; }
  .StoreCoupon___trans___1Skiq .StoreCoupon___errorHighlight___29zkh {
    border: solid 1px #d0021b; }

input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25); }

input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25); }

.StoreCoupon___couponHeader___3jm2W {
  flex-direction: row;
  display: flex; }
  .StoreCoupon___couponHeader___3jm2W .StoreCoupon___reload___1fSJe {
    margin: 15px 20px 0px auto; }
    .StoreCoupon___couponHeader___3jm2W .StoreCoupon___reload___1fSJe .StoreCoupon___icon___210Ca {
      width: 23px; }

.StoreCoupon___emptyCouponWrapper___2T_fr {
  height: 100%;
  display: flex; }
  .StoreCoupon___emptyCouponWrapper___2T_fr .StoreCoupon___emptyIndicator___1s-uJ {
    width: 100%; }
    .StoreCoupon___emptyCouponWrapper___2T_fr .StoreCoupon___emptyIndicator___1s-uJ > img {
      width: 30%;
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      object-fit: contain; }
    .StoreCoupon___emptyCouponWrapper___2T_fr .StoreCoupon___emptyIndicator___1s-uJ p {
      margin-top: 15px;
      font-size: 16px;
      line-height: 1.88;
      color: rgba(255, 255, 255, 0.6);
      white-space: pre-line;
      text-align: center; }
  .StoreCoupon___emptyCouponWrapper___2T_fr .StoreCoupon___reload___1fSJe {
    position: absolute;
    right: 20px;
    height: 5rem;
    z-index: 10; }
    .StoreCoupon___emptyCouponWrapper___2T_fr .StoreCoupon___reload___1fSJe .StoreCoupon___icon___210Ca {
      width: 23px; }

@keyframes Store___spin___1VZcK {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes Store___spin___1VZcK {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.Store___container___34bcG {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  margin-top: 1.5rem;
  color: #ffffff; }