/* #region Gradient */
/* #endregion */
/* #region Section Card */
/* #endregion */
/*#region Spacing Fixed Variables*/
/*#endregion*/
/*#region Spacing Variables Lists*/
/*#endregion*/
/*#region Spacing Variables Percentage Lists*/
/*#endregion*/
/*#region Fixed Size*/
/*#endregion*/
/*#region Common Variables*/
/*#endregion*/
/*#region Section Sidebar Size Variables*/
/*#region Sidebar Brand*/
/*#endregion*/
/*#region Sidebar Company*/
/*#region Brand*/
/*#endregion*/
/*#region Menu*/
/*#endregion*/
/*#endregion*/
/*#region Sidebar Company Title*/
/*#endregion*/
/*#region Sidebar Items*/
/*#endregion*/
/*#region Sidebar Links*/
/*#endregion*/
/*#region Sidebar Size*/
/*#region Opened*/
/*#endregion*/
/*#endregion*/
/*#region Sidebar Icon*/
/*#endregion*/
/*#region Sidebar Dropdown*/
/*#region Container*/
/*#endregion*/
/*#region Events Lists*/
/*#region Group*/
/*#region Group Lists*/
/*#region Checkbox*/
/*#endregion*/
/*#region Brand*/
/*#endregion*/
/*#region Date*/
/*#endregion*/
/*#region*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Items*/
/*#region Search*/
/*#region Input*/
/*#region Icon*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Title*/
/*#endregion*/
/*#region Group*/
/*#region Perfect Scroll*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Contents*/
/*#region Items*/
/*#region Content*/
/*#region Title*/
/*#endregion*/
/*#region Date*/
/*#endregion*/
/*#region Brand*/
/*#endregion*/
/*#region Configurations*/
/*#region Icon*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Controller Navigation Title*/
/*#endregion*/
/*#region Navigation Menu*/
/*#endregion*/
/*#region Navigation Menu Items*/
/*#endregion*/
/*#region Navigation Menu Title*/
/*#endregion*/
/*#region Navigation Menu Links*/
/*#endregion*/
/*#region Navigation Menu Collapse*/
/*#endregion*/
/*#region Navigation Menu Scroller*/
/*#endregion*/
/*#endregion*/
/*#region Section Layout Size Variables*/
/*#region Layout Header*/
/*#endregion*/
/*#region Header Toolbar*/
/*#endregion*/
/*#region Layout Header User*/
/*#endregion*/
/*#region Layout Contents*/
/*#endregion*/
/*#region Layout Container*/
/*#endregion*/
/*#endregion*/
/*#region Section Forms*/
/*#endregion*/
/*#region Section Toggle*/
/*#endregion*/
/*#region Section Switch with Text*/
/*#endregion*/
/*#region Section Switch Large with Text*/
/*#endregion*/
/*#region Section Check Box Pill*/
/*#endregion*/
/*#region Section Checkbox*/
/*#endregion*/
/*#region Section Radio Button*/
/*#endregion*/
/*#region Section Select2.JS*/
/*#endregion*/
/*#region Section Date Time Picker*/
/*#endregion*/
/*#region Section Card*/
/*#region General Card*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#region Header*/
/*#region Padding*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#endregion*/
/*#region Fonts*/
/*#endregion*/
/*#region Icons*/
/*#endregion*/
/*#region Text*/
/*#endregion*/
/*#region image*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#region Margin < Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint md*/
/*#endregion*/
/*#region Last Child*/
/*#region Margin < Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint sm*/
/*#endregion*/
/*#region Margin > Breakpoint md*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region Body*/
/*#region Padding < Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint sm*/
/*#endregion*/
/*#region Padding > Breakpoint md*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
/*#region State Card*/
/*#endregion*/
/*#endregion*/
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes skeleton-loading {
  0% {
    background-color: hsl(200deg, 20%, 85%);
  }
  100% {
    background-color: hsl(200deg, 20%, 95%);
  }
}
@keyframes skeleton-loading-light {
  0% {
    background-color: hsl(200deg, 20%, 94%);
  }
  100% {
    background-color: hsl(200deg, 20%, 98%);
  }
}
@keyframes skeleton-loading-dark {
  0% {
    background-color: hsl(200deg, 20%, 75%);
  }
  100% {
    background-color: hsl(200deg, 20%, 85%);
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.account-auth {
  display: flex;
  flex-direction: column;
  padding: 32px 16px;
}
.account-auth .miz-form-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--miz-white-s100);
}
.account-auth .miz-form-wrapper .miz-form-controller-group {
  height: fit-content;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.is-actions {
  border-top: none;
  margin-bottom: 8px;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.is-actions .miz-button {
  width: 100%;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.account-info {
  font-size: 12px;
  color: var(--miz-grey-medium);
  line-height: 160%;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.account-info a,
.account-auth .miz-form-wrapper .miz-form-controller-group.account-info b {
  font-weight: 700;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.account-guest {
  border-top: var(--miz-grey-exlight) 1px solid;
  margin: 32px -16px 0;
  padding: 16px;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.account-copy-right {
  margin-top: auto;
  align-items: center;
  gap: 4px;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.account-copy-right img {
  width: 40px;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.account-copy-right span {
  font-size: 10px;
  color: var(--miz-grey-light);
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp {
  max-width: 280px;
  justify-content: center;
  margin: 16px auto 8px;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp .otp-controller {
  display: flex;
  flex-direction: column;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp .otp-controller .fake-inputs {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 16px;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp .otp-controller .fake-inputs .otpdesigner__focus__ {
  border: 2px solid var(--miz-primary);
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp-resend {
  flex-direction: row;
  justify-content: center;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp-resend p {
  font-size: 12px;
  text-align: center;
  font-weight: 500;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp-resend .miz-button {
  font-size: 12px;
  padding: 0 8px;
  min-height: 0;
}
.account-auth .miz-form-wrapper .miz-form-controller-group.otp-resend .miz-button:disabled {
  background-color: transparent;
  border: none;
  color: var(--miz-primary-l3);
}
.account-auth .miz-form-wrapper .miz-form-controller-inner.phone-number {
  display: grid;
  grid-template-columns: 128px 1fr;
}
.account-auth .miz-form-wrapper .miz-form-controller-inner.phone-number .miz-select-container--default .miz-select-selection-single {
  border-radius: 8px 0 0 8px;
}
.account-auth .miz-form-wrapper .miz-form-controller-inner.phone-number .miz-form-controller {
  border-left: none;
  border-radius: 0 8px 8px 0;
}
.account-auth .account-brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: fit-content;
}
.account-auth .account-brand-image {
  margin-bottom: 24px;
}
.account-auth .account-brand-image img {
  width: 88px;
}
.account-auth .account-brand p {
  font-size: 14px;
  color: var(--miz-grey-medium);
  margin-bottom: 16px;
  text-align: center;
}
.account-auth .account-information {
  margin-bottom: 16px;
}
.account-auth .account-information p {
  font-size: 14px;
  text-align: center;
  line-height: 160%;
}
.account-auth .account-information p b {
  white-space: nowrap;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/variables/_color.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/variables/_size.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/components/_animations.scss%22,%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizGuestUi/Contents/page/auth.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAgLA;AAYA;AAGA;AAyDA;ACxPC;AAcD;AAEA;AAuBA;AAEA;AAUA;AAEA;AA2BA;AAEA;AAEA;AAEA;AAGI;AAWA;AAEA;AAYQ;AAKA;AAEA;AAIA;AAGR;AAEA;AAIA;AAEA;AASA;AAEA;AAOA;AAEA;AAII;AAOA;AACJ;AAEA;AAMA;AAEA;AAWI;AAGA;AAEA;AAGI;AAKI;AAUI;AASA;AAEA;AAGA;AAEA;AAGA;AAEA;AAaA;AAEJ;AACJ;AACJ;AAEA;AAGI;AAYI;AAaA;AAGA;AAEA;AACJ;AAEA;AAQA;AAEA;AAGI;AAKA;AACJ;AACJ;AAEA;AASI;AAMI;AAOI;AAGA;AAEA;AAGA;AAEA;AAGA;AAEA;AASI;AAEA;AACJ;AAEJ;AAEJ;AACJ;AAEJ;AAEA;AAMA;AAEA;AAUA;AAEA;AAGA;AAEA;AAMA;AAEA;AAWA;AAEA;AAUA;AAEA;AAIA;AACJ;AAEA;AACI;AAiBA;AAEA;AAEA;AAEA;AA2IA;AAEA;AAQA;AAEA;AAIA;AACJ;AAEA;AA+EA;AAEA;AAyBA;AAEA;AAyBA;AAEA;AAyBA;AAEA;AA6CA;AAEA;AASA;AAEA;AAWA;AAEA;AA0HA;AAEA;AAqBA;AAEA;AACI;AAiBA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKI;AAEI;AAKA;AAEA;AAKA;AAEA;AAKA;AAEJ;AAEA;AAWA;AAEA;AASA;AAEA;AAGA;AAEA;AAEI;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AAKA;AAEA;AACI;AAKA;AAEA;AAKA;AAEA;AAKA;AACJ;AAEJ;AAEA;AAEI;AAKA;AAEA;AAKA;AAEA;AAKA;AAEJ;AAEJ;AAEA;AAEA;AAaA;AACJ;AC7qCA;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;;ACnGR;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAMQ;EAEI;;AAEA;EAEI;EACA;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;;AAEA;AAAA;EAGI;;AAIR;EAEI;EACA;EACA;;AAQJ;EAEI;EACA;EACA;;AAEA;EAEI;;AAGJ;EAEI;EACA;;AAIR;EAEI;EACA;EACA;;AAEA;EAEI;EACA;;AAEA;EAEI;EACA;EACA;;AAEA;EAEI;;AAKZ;EAEI;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAShB;EAEI;EACA;;AAEA;EAEI;;AAGJ;EAEI;EACA;;AAQxB;EAEI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEA;EAEI;;AAIR;EAEI;EACA;EACA;EACA;;AAIR;EAEI;;AAEA;EAEI;EACA;EACA;;AAEA;EAEI%22%7D */