@charset "UTF-8";
:export {
  white: rgb(255, 255, 255);
  white_05: rgba(255, 255, 255, 0.5);
  white_02: rgba(255, 255, 255, 0.2);
  white_01: rgba(255, 255, 255, 0.1);
  blue_main: rgb(5, 151, 255);
  blue_main_01: rgba(5, 151, 255, 0.1);
  blue_main_015: rgba(5, 151, 255, 0.15);
  blue_light_05: rgba(8, 203, 255, 0.5);
  blue_main_03: rgba(5, 151, 255, 0.3);
  blue_main_05: rgba(5, 151, 255, 0.5);
  blue_light_015: rgba(8, 203, 255, 0.15);
  blue_light_03: rgba(8, 203, 255, 0.3);
  blue_lighter: rgb(242, 250, 255);
  blue_dark: rgb(0, 43, 117);
  blue_deep_sea: rgb(0, 53, 143);
  blue_deep_sea_03: rgba(0, 53, 143, 0.3);
  blue_cerulean: rgb(0, 72, 194);
  blue_cerulean_085: rgba(0, 72, 194, 0.85);
  success_light: rgb(216, 235, 195);
  success_dark: rgb(88, 156, 8);
  feedback_success_light: rgb(240, 248, 231);
  info_light: rgb(219, 233, 255);
  info_dark: rgb(0, 79, 156);
  error_main: rgb(255, 73, 73);
  error_light: rgb(255, 222, 222);
  warning_light: rgb(255, 236, 186);
  yellow_main: rgb(253, 223, 0);
  neutral_color_10: #101213;
  neutral_color_9: #272b30;
  neutral_color_8: #4f575e;
  neutral_color_7: #717c86;
  neutral_color_6: #adb5bd;
  neutral_color_5: #ced4da;
  neutral_color_4: #dee2e6;
  neutral_color_3: rgb(233, 236, 239);
  neutral_color_2: #f1f3f5;
  neutral_color_1: #fafbfc;
  neutral_color_transparent: rgba(241, 243, 245, 0.2);
  product_totoloto_lighter: #f2faff;
  product_totoloto_light: #08cbff;
  product_totoloto_dark: #0597ff;
  product_totoloto_dark_03: rgba(5, 151, 255, 0.031);
  product_totoloto_transparent: rgba(219, 240, 255, 0.8);
  product_joker_lighter: #fefbf2;
  product_joker_light: #f9c900;
  product_joker_dark: #f4ae00;
  product_joker_dark_03: rgba(244, 174, 0, 0.031);
  product_joker_transparent: rgba(255, 240, 204, 0.8);
  product_lotaria_lighter: #fdf7fe;
  product_lotaria_light: #d71aff;
  product_lotaria_light_03: rgba(215, 26, 255, 0.031);
  product_lotaria_dark: #b200ed;
  product_lotaria_transparent: rgba(253, 235, 255, 0.8);
}

@font-face {
  font-family: "Quicksand";
  font-style: medium;
  src: url("/fonts/Quicksand.ttf") format("truetype");
}
/** This was added due to unkown origin */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

strong,
b {
  font-weight: 700;
}

body {
  margin: 0;
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #fff;
}

@media print {
  body {
    background-color: #fff;
  }
}
body::backdrop {
  background-color: #fff;
}

/** This was added due to unkown origin */
body {
  cursor: none;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  overscroll-behavior-x: none;
  touch-action: none;
  background: linear-gradient(0deg, rgba(0, 53, 143, 0.5), rgba(0, 53, 143, 0.5)), url("/images/background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*   COMMONS   */
  /*   TEXT   */
  /* first letter capitalize */
  /* accept breakline from translation */
  /*
         .first-letter-cap:first-letter {
           text-transform: uppercase;
         }*/
  /*   BUTTONS   */
  /*   ICONS   */
  /*    HOMEPAGE CARDS    */
  /* Card vertical divider */
  /*   QR-SCANNER              */
  /*   REACT SIMPLE KEYBOARD   */
  /*   SCROLLBAR   */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /*   FONTS   */
}
body.idle {
  backdrop-filter: brightness(50%);
  filter: brightness(50%);
}
body #header + div {
  padding-top: 60px;
}
body .w100 {
  width: 100%;
}
body .mw100 {
  max-width: 100%;
}
body .h100 {
  height: 100%;
}
body .mh100 {
  max-height: 100%;
}
body .disabled {
  opacity: 0.35;
}
body .opacity05 {
  opacity: 0.5;
}
body .first-letter-cap {
  display: inline-block;
}
body .first-letter-cap::first-letter {
  text-transform: uppercase;
}
body .uppercase {
  text-transform: uppercase;
}
body .underline {
  text-decoration: underline;
}
body .preLine {
  white-space: pre-line;
}
body .noBorder {
  border: none;
}
body svg.transparentIcon {
  fill: none;
}
body .homepageCard {
  height: 22%;
  border-radius: 16px;
  border: 1px solid rgba(8, 203, 255, 0.15);
  background-color: rgba(5, 151, 255, 0.1);
  padding: 24px 24px 24px 24px;
  display: flex;
  backdrop-filter: blur(40px);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
body hr.MuiDivider-root.cardDivider {
  margin-left: -8px;
  margin-right: 16px;
  border-width: 2px;
  border-color: rgb(5, 151, 255);
  border-radius: 2px;
}
body #qrCode-scanner-container video {
  border-radius: 30px;
}
body #qrCode-scanner-container .scan-region-highlight .scan-region-highlight-svg path {
  stroke: rgb(5, 151, 255);
}
body input,
body b,
body br,
body i,
body img,
body ol,
body p,
body label,
body div,
body a,
body span {
  cursor: none !important;
}
body .react-simple-keyboard.simple-keyboard.hg-theme-default {
  border-radius: 0px;
  color: rgb(0, 53, 143);
}
body .noScrollBar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
body ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body ::-webkit-scrollbar-track {
  box-shadow: none;
  color: transparent;
}
body ::-webkit-scrollbar-thumb {
  background: blue;
  border-radius: 3px;
}
body ::-webkit-scrollbar-thumb:hover {
  background: #6c6ef1;
}
body .fw400 {
  font-weight: 400;
}
body .fw500 {
  font-weight: 500;
}
body .fw600 {
  font-weight: 600;
}
body .fw700 {
  font-weight: 700;
}
body .fs11 {
  font-size: 11px;
}
body .fs12 {
  font-size: 12px;
}
body .fs13 {
  font-size: 13px;
}
body .fs14 {
  font-size: 14px;
}
body .fs15 {
  font-size: 15px;
}
body .fs16 {
  font-size: 16px;
}
body .fs18 {
  font-size: 18px;
}
body .fs20 {
  font-size: 20px;
}
body .fs22 {
  font-size: 22px;
}
body .fs24 {
  font-size: 24px;
}
body .fs26 {
  font-size: 26px;
}
body .fs28 {
  font-size: 28px;
}
body .fs30 {
  font-size: 30px;
}
body .fs36 {
  font-size: 36px;
}
body .fs48 {
  font-size: 48px;
}
body .fs56 {
  font-size: 56px;
}
body .lh14 {
  line-height: 14px;
}
body .lh18 {
  line-height: 18px;
}
body .lh20 {
  line-height: 20px;
}
body .lh22 {
  line-height: 22px;
}
body .lh23 {
  line-height: 23px;
}
body .lh24 {
  line-height: 24px;
}
body .lh26 {
  line-height: 26px;
}
body .lh28 {
  line-height: 28px;
}
body .lh32 {
  line-height: 32px;
}
body .lh35 {
  line-height: 35px;
}
body .lh40 {
  line-height: 40px;
}
body .lh45 {
  line-height: 45px;
}
body .lh48 {
  line-height: 48px;
}
body .lh50 {
  line-height: 50px;
}
body .lh60 {
  line-height: 60px;
}
body .lh64 {
  line-height: 64px;
}
body .modal {
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
body .unreadMessage::before {
  content: "•";
  position: relative;
  left: 12px;
  color: yellow;
  margin-right: -5px;
}
body .unreadMailboxMessage::before {
  content: "•";
  position: relative;
  left: -15px;
  color: yellow;
  margin-right: -5px;
}
body .kb-search-list .highlight {
  color: rgb(5, 151, 255);
}
body .article-detail a {
  color: rgb(255, 255, 255);
}
body .keyboard-shift {
  max-width: 152px;
}
body .keyboard-at {
  max-width: 73px !important;
}
body .keyboard-enter {
  width: 105px;
  font-size: 25px;
}
body .keyboard-bksp {
  width: 110px;
}
body .keyboard-extra {
  width: 12px !important;
}
body .hg-button,
body .hg-candidate-box-list-item {
  font-weight: 600;
  font-size: 18px;
  font-family: "Quicksand";
}
body .overflowText-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ticket-icon {
  background: url("data:image/svg+xml,%3Csvg width='91' height='48' viewBox='0 0 91 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.33264 0C2.1235 0 0.332642 1.79086 0.332642 4V17.1426C0.332766 17.1426 0.33289 17.1426 0.333014 17.1426C4.12011 17.1426 7.19016 20.2126 7.19016 23.9997C7.19016 27.7868 4.12011 30.8569 0.333014 30.8569C0.33289 30.8569 0.332766 30.8569 0.332642 30.8569V44C0.332642 46.2091 2.1235 48 4.33264 48H17.6673V0H4.33264Z' fill='%23B200ED'/%3E%3Cpath d='M18.6673 0H86.6673C88.8764 0 90.6673 1.79086 90.6673 4V44C90.6673 46.2091 88.8764 48 86.6673 48H18.6673V0Z' fill='%23B200ED'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

/*
to remove
  Button,
  .btn {
    text-transform: unset !important;
  }

  .image1 {
    background-image: url("/image1.webp");
  }

  .image2j {
    background-image: url("/image2j.webp");
  }

  .image2 {
    background-image: url("/image2.webp");
  }

  .image3 {
    background-image: url("/image3.webp");
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  .m3 {
    margin-top: 450px;
  }
  */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s;
}

.tvCarouselContainer .slider-container,
.tvCarouselContainer .slider-frame,
.tvCarouselContainer .slider-list {
  height: 100% !important;
}

/*# sourceMappingURL=global.css.map */