.v-marquee[data-v-6ab6a31d] {
  white-space: nowrap;
  overflow: hidden;
}
.v-marquee > div[data-v-6ab6a31d] {
  display: inline-block;
  animation: marquee linear infinite;
}
.v-marquee .pause[data-v-6ab6a31d] {
  animation-play-state: paused;
}
.v-marquee .running[data-v-6ab6a31d] {
  animation-play-state: running;
}
.d-prediction-root[data-v-72a285ed] {
    display: flex;
    flex-direction: column;
    font-size: var(--pc6);
    color: var(--white);
    align-items: center;
    border-radius: var(--pc3)
}
.d-prediction-root[data-label][data-v-72a285ed]:before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    flex-grow: 1;
    width: 100%;
    height: 100%;
    white-space: nowrap
}
.d-prediction-root .wrap[data-v-72a285ed] {
    flex-grow: 1;
    padding: var(--pc2);
    height: var(--pc10);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    background: var(--white);
    margin-bottom: var(--pc1);
    border-radius: var(--pc4)
}
.d-prediction-root.red[data-v-72a285ed] {
    background-color: #fe4a4a
}
.d-prediction-root.blue[data-v-72a285ed] {
    background-color: #00f
}
.d-prediction-root .mp-div-1[data-v-72a285ed] {
    width: var(--pc4);
    height: var(--pc4);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: var(--pc5)
}
.d-prediction-root .mp-div-1[data-v-72a285ed]:first-child {
    margin-left: 0
}
.d-prediction-root .mp-div-1>div[data-v-72a285ed] {
    width: var(--pc4);
    height: var(--pc4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pc4)
}
.d-prediction-root .mp-div-1>div.red[data-v-72a285ed] {
    color: var(--red)
}
.d-prediction-root .mp-div-1>div.blue[data-v-72a285ed] {
    color: var(--blue)
}
.d-prediction-root.vertical[data-v-72a285ed] {
    border-radius: 0;
    flex-direction: row
}
.d-prediction-root.vertical[data-label][data-v-72a285ed]:before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    flex-grow: 1;
    width: var(--pc11);
    height: 100%;
    white-space: nowrap;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: var(--pc4)
}
.d-prediction-root.vertical .wrap[data-v-72a285ed] {
    width: var(--pc8);
    height: auto;
    background: var(--white);
    margin-right: var(--pc2);
    flex-direction: column;
    padding-top: var(--pc5);
    padding-bottom: var(--pc5)
}
.d-prediction-root.vertical .mp-div-1[data-v-72a285ed] {
    width: var(--pc5);
    height: var(--pc5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    margin-top: var(--pc7)
}
.d-prediction-root.vertical .mp-div-1[data-v-72a285ed]:first-child {
    margin-top: 0
}
.d-prediction-root.vertical .mp-div-1>div[data-v-72a285ed] {
    width: var(--pc5);
    height: var(--pc5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pc5)
}
.d-prediction-root.vertical .mp-div-1>div.red[data-v-72a285ed] {
    color: var(--red)
}
.d-prediction-root.vertical .mp-div-1>div.blue[data-v-72a285ed] {
    color: var(--blue)
}
.ctrl-bet-box-group-multi-root {
  position: relative;
  overflow: hidden
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group {
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-color: hsla(0,0%,100%,.3);
  border-width: var(--pc1);
  border-bottom-color: #919675;
  width: 100%;
  height: 100%
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r {
  border-collapse: collapse;
  flex-grow: 1;
  height: 0;
  width: 100%;
  display: flex;
  flex-direction: row
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item {
  flex-grow: 1;
  height: 100%;
  width: 0;
  position: relative;
  border-style: solid;
  border-color: hsla(0,0%,100%,.3);
  border-width: 0 var(--pc1) 0 0
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item.blue .label-ratio {
  color: #51baf5
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item.red .label-ratio {
  color: #eb0600
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item.green .label-ratio {
  color: #60c105
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item:last-child {
  border-right-width: 0
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .label-ratio:before {
  content: attr(data-label)
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .label-ratio:after {
  content: attr(data-ratio);
  margin-left: var(--pc7)
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .bet-infos {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: auto;
  font-size: var(--pc8);
  width: 100%;
  height: var(--pc13);
  color: hsla(0,0%,100%,.7);
  display: flex;
  flex-direction: row
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .bet-infos:after,.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .bet-infos:before {
  flex-grow: 1;
  width: 0;
  height: 100%;
  background-color: rgba(0,0,0,.2);
  padding: 0 var(--pc4);
  display: flex;
  align-items: center
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .bet-infos:before {
  content: attr(data-bet-all)
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r .bet-view-r-item .bet-infos:after {
  content: attr(data-bet-u);
  margin-left: var(--pc1)
}
.ctrl-bet-box-group-multi-root .ctrl-bet-box-group .bet-view-r:last-child .bet-view-r-item {
  border-top-width: var(--pc1)
}
.ctrl-bet-box-group-multi-root .start-or-stop-game {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  margin: auto
}
.ctrl-bet-box-group-multi-root .start-or-stop-game .content-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}
.ctrl-bet-box-group-multi-root .toast-box {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center
}
.ctrl-bet-box-group-multi-root .toast-box .toast-container {
  flex-grow: 0.5;
  position: relative;
  width: 100%
}
.ctrl-bet-box-group-multi-root .toast-box .toast-container .toast {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}
.ctrl-bet-box-group-multi-root .toast-box .toast-container .toast span {
  font-size: var(--pc7);
  background: rgba(0,0,0,.8);
  padding: var(--pc5);
  border-radius: var(--pc20);
  min-width: var(--pc98);
  text-align: center;
  color: var(--white)
}
.ctrl-bet-box-group-multi-root .list-enter-active,.ctrl-bet-box-group-multi-root .list-leave-active {
  opacity: 1
}
.ctrl-bet-box-group-multi-root .list-leave-to {
  transform: none;
  opacity: 0
}
.ctrl-bet-box-group-multi-root .list-enter-from {
  opacity: .5;
  transform: translateY(40%)
}
.ctrl-bet-box-group-multi-root .list-enter-active,.ctrl-bet-box-group-multi-root .list-enter-from,.ctrl-bet-box-group-multi-root .list-leave-active,.ctrl-bet-box-group-multi-root .list-leave-to {
  transition: .6s linear
}
.multi-table-root {
  background-color: #645a43;
  border-radius: var(--pc3);
  border: solid var(--pc1) #9f9383;
  position: relative
}
.multi-table-root .multi-table-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 var(--pc3);
  padding-bottom: var(--pc3);
  position: relative
}
.multi-table-root .multi-table-content .header {
  height: var(--pc20);
  display: flex;
  flex-direction: row;
  font-size: var(--pc7);
  color: #c5ab7c;
  align-items: center;
  background-image: none;
}
.multi-table-root .multi-table-content .header .table-name {
  width: var(--pc51)
}
.multi-table-root .multi-table-content .header .shoe-juno {
  width: var(--pc58)
}
.multi-table-root .multi-table-content .header .red-limit {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap
}
.multi-table-root .multi-table-content .header .red-limit .drop-down {
  width: var(--pc80);
  height: var(--pc12);
  margin-left: var(--pc3);
  background-color: #393026;
  border-radius: var(--pc3);
  font-size: var(--pc7)
}
.multi-table-root .multi-table-content .header .red-limit .drop-down .drop-down-icon {
  width: var(--pc11);
  height: var(--pc11);
  /* background-color: #c5ab7c; */
  border-radius: var(--pc3);
  margin-right: 0;
  color: #c5ab7c!important
}
.multi-table-root .multi-table-content .header .red-limit .drop-down .drop-down-icon svg {
  width: var(--pc8);
  height: var(--pc4)
}
.multi-table-root .multi-table-content .header .remove {
  width: var(--pc25);
  height: var(--pc12);
  background-color: #c5ab7c;
  border-radius: var(--pc3);
  margin-left: var(--pc6);
  color: #393026;
  font-size: var(--pc7);
  display: flex;
  align-items: center;
  justify-content: center
}
.multi-table-root .multi-table-content .video-group {
  height: var(--pc129);
  width: 100%;
  background: var(--black);
  position: relative
}
.multi-table-root .multi-table-content .video-group canvas {
  width: 100%;
  height: 100%
}
.multi-table-root .multi-table-content .video-group canvas.bn1 {
  width: 0;
  height: 0;
  opacity: 0
}
.multi-table-root .multi-table-content .video-group .video-loader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: var(--pc15);
  height: var(--pc15);
  background: url(/assets/loader-CHDq5RYI.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: var(--pc15) var(--pc15)
}
.multi-table-root .multi-table-content .video-group .game-no {
  width: var(--pc44);
  height: var(--pc13);
  background: rgba(0,0,0,.5);
  font-size: var(--pc7);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap
}
.multi-table-root .multi-table-content .video-group .timer {
  position: absolute;
  top: var(--pc6);
  right: var(--pc5);
  width: var(--pc39);
  height: var(--pc39);
  font-size: var(--pc20)
}
.multi-table-root .multi-table-content .video-group .enter-table {
  position: absolute;
  left: auto;
  top: auto;
  bottom: var(--pc3);
  right: var(--pc3);
  color: #493212;
  padding: var(--pc2);
  font-size: var(--pc7);
  border-radius: var(--pc2);
  background-image: linear-gradient(180deg,#dfc482,#9f8142);
  display: flex;
  flex-direction: row;
  align-items: center
}
.multi-table-root .multi-table-content .video-group .enter-table:before {
  content: "\E0A6";
  font-family: ig-icon-font!important;
  margin-right: var(--pc3)
}
.multi-table-root .multi-table-content .bet-group {
  flex-grow: 1;
  width: 100%
}
.multi-table-root .multi-table-content .btn-confirm-cancel-group {
  width: 100%;
  height: var(--pc30);
  display: flex;
  font-size: var(--pc10);
  color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}
.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-cancel,.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-confirm {
  width: var(--pc112);
  height: var(--pc25);
  border-radius: var(--pc3);
  background-color: #00f;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  filter: brightness(.5)
}
.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-cancel.btn,.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-confirm.btn {
  filter: brightness(1)!important;
  pointer-events: all
}
.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-confirm {
  background-color: red
}
.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-confirm:before {
  content: "\E063";
  font-family: ig-icon-font!important;
  margin-right: var(--pc5);
  font-size: var(--pc10);
  width: var(--pc10);
  height: var(--pc10);
  display: flex;
  align-items: center;
  justify-content: center
}
.multi-table-root .multi-table-content .btn-confirm-cancel-group .btn-cancel:before {
  content: "\E024";
  font-family: ig-icon-font!important;
  margin-right: var(--pc5);
  font-size: var(--pc10);
  width: var(--pc10);
  height: var(--pc10);
  display: flex;
  align-items: center;
  justify-content: center
}
.multi-table-root .multi-table-content .map-summary-group {
  width: 100%;
  height: var(--pc19);
  margin-bottom: var(--pc3);
  display: flex;
  align-items: center;
  flex-direction: row
}
.multi-table-root .multi-table-content .map-summary-group .road-map-summary {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  height: 100%
}
.multi-table-root .multi-table-content .map-summary-group .road-map-summary .road-map-summary-item {
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--pc8);
  width: var(--pc28)
}
.multi-table-root .multi-table-content .map-summary-group .road-map-summary .road-map-summary-item:before {
  content: attr(data-label);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--pc3)
}
.multi-table-root .multi-table-content .map-summary-group .road-map-summary .road-map-summary-item[data-color=red]:before {
  background-color: var(--red);
  border-radius: var(--pc3);
  width: var(--pc11);
  height: var(--pc11);
  font-size: var(--pc8)
}
.multi-table-root .multi-table-content .map-summary-group .road-map-summary .road-map-summary-item[data-color=blue]:before {
  background-color: var(--blue);
  border-radius: var(--pc3);
  width: var(--pc11);
  height: var(--pc11);
  font-size: var(--pc8)
}
.multi-table-root .multi-table-content .map-summary-group .road-map-summary .road-map-summary-item[data-color=green]:before {
  background-color: var(--green);
  border-radius: var(--pc3);
  width: var(--pc11);
  height: var(--pc11);
  font-size: var(--pc8)
}
.multi-table-root .multi-table-content .map-summary-group .fill-row {
  flex-grow: 1;
  width: 0;
  height: 100%
}
.multi-table-root .multi-table-content .map-summary-group .d-prediction-1 {
  width: var(--pc40);
  height: var(--pc19);
  margin-left: var(--pc4)
}
.multi-table-root .multi-table-content .road-map {
  width: 100%;
  height: var(--pc100);
  background-color: var(--white)
}
.multi-table-root .btn-sellect-table {
  position: absolute;
  width: var(--pc65);
  height: var(--pc65);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: url(/assets/add-table@2x-DXpp2a4x.png);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat
}
.multi-table-root .message-prompt {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  display: flex;
  justify-content: center;
  align-items: center
}
.multi-table-root .message-prompt .message-prompt-container {
  width: var(--pc198);
  height: var(--pc147);
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(180deg,#a6966c,#483b1f);
  border-radius: var(--pc3)
}
.multi-table-root .message-prompt .message-prompt-container .message-msgbox-title-wrap {
  height: var(--pc25);
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: 0 0 var(--pc1) 0;
  border-style: solid;
  border-image-source: var(--msg-box-border-line);
  border-image-slice: 1
}
.multi-table-root .message-prompt .message-prompt-container .message-msgbox-title-wrap .title {
  color: #392811;
  font-size: var(--pc14);
  min-width: var(--pc65);
  padding-left: var(--pc10);
  padding-right: var(--px10)
}
.multi-table-root .message-prompt .message-prompt-container .message-msgbox-title-wrap .close-btn {
  position: absolute;
  right: var(--pc6);
  top: var(--pc3);
  cursor: pointer;
  color: #392811;
  width: var(--pc23);
  height: var(--pc21);
  display: flex;
  justify-content: center;
  align-items: center
}
.multi-table-root .message-prompt .message-prompt-container .message-msgbox-title-wrap .close-btn:before {
  content: "\E024";
  font-family: ig-icon-font;
  font-size: var(--pc14)
}
.multi-table-root .message-prompt .message-prompt-container .message-msgbox-title-wrap .bar-line {
  position: absolute;
  top: var(--pc34);
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  border-width: 0 0 var(--pc1) 0;
  border-image-source: var(--msg-bos-bar-line-color);
  border-image-slice: 1;
  border-style: solid;
  border-left: 0;
  border-top: 0;
  border-right: 0
}
.multi-table-root .message-prompt .message-prompt-container .message-body-wrap {
  flex-grow: 1;
  height: 0;
  width: calc(100% - var(--pc6));
  margin: var(--pc3);
  background-color: #534631;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--pc3)
}
.multi-table-root .message-prompt .message-prompt-container .message-body-wrap p {
  font-size: var(--pc9);
  color: rgba(255,228,166,.6);
  padding: var(--pc21);
  letter-spacing: var(--pc1);
  text-align: center
}
.multi-table-root .message-prompt .message-prompt-container .message-body-wrap .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: var(--pc20);
  font-size: var(--pc9)
}
.multi-table-root .message-prompt .message-prompt-container .message-body-wrap .btn-group .btn-cancel,.multi-table-root .message-prompt .message-prompt-container .message-body-wrap .btn-group .btn-confirm {
  width: var(--pc50);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--pc3)
}
.multi-table-root .message-prompt .message-prompt-container .message-body-wrap .btn-group .btn-confirm {
  background-image: linear-gradient(180deg,#dfc482,#9f8142);
  box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
  letter-spacing: var(--pc1);
  color: #493212
}
.multi-table-root .message-prompt .message-prompt-container .message-body-wrap .btn-group .btn-cancel {
  margin-left: var(--pc15);
  letter-spacing: var(--pc1);
  color: #392811;
  background-image: linear-gradient(180deg,#c6b383,#726248)
}
.ctrl-bet-box-multi-root {
  touch-action: manipulation;
  position: relative;
  transition: background-color .1s linear;
  background-color: #539f67
}
.ctrl-bet-box-multi-root.blue .label-ratio {
  color: #51baf5
}
.ctrl-bet-box-multi-root.red .label-ratio {
  color: #eb0600
}
.ctrl-bet-box-multi-root.green .label-ratio {
  color: #60c105
}
.ctrl-bet-box-multi-root .label-ratio {
  position: absolute;
  top: var(--pc27);
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pc12);
  font-weight: bolder;
  text-shadow: var(--pc1) var(--pc1) var(--pc2) #fff,var(--pc1) var(---pc1) var(--pc2) #fff,var(---pc1) var(--pc1) var(--pc2) #fff,var(---pc1) var(---pc1) var(--pc2) #fff
}
.ctrl-bet-box-multi-root .label-ratio:before {
  content: attr(data-label)
}
.ctrl-bet-box-multi-root .label-ratio:after {
  content: attr(data-ratio);
  margin-left: var(--pc7)
}
.ctrl-bet-box-multi-root .chips-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}
.ctrl-bet-box-multi-root .chips-container .chip {
  position: absolute;
  width: var(--pc16);
  height: var(--pc16);
  background: url(/assets/chips-AkZLD0ZR.png);
  background-repeat: no-repeat;
  background-size: var(--pc128) var(--pc16);
  background-position: 0 0;
  font-size: var(--pc6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black)
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_0 {
  background-position: 0 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_1 {
  background-position: var(---pc16) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_2 {
  background-position: var(---pc32) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_3 {
  background-position: var(---pc48) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_4 {
  background-position: var(---pc64) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_5 {
  background-position: var(---pc80) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_6 {
  background-position: var(---pc96) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_7 {
  background-position: var(---pc112) 0
}
.ctrl-bet-box-multi-root .chips-container .chip._chip_22 {
  background-position: 0 0
}
.ctrl-bet-box-multi-root .bet-total-group {
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  top: auto;
  bottom: var(--pc5);
  margin: auto;
  justify-content: center
}
.ctrl-bet-box-multi-root .bet-total-group .bet-total {
  height: var(--pc13);
  background: rgba(0,0,0,.5);
  border-radius: var(--pc7);
  min-width: var(--pc47);
  display: flex;
  align-items: center
}
.ctrl-bet-box-multi-root .bet-total-group .bet-total .svg {
  width: var(--pc10);
  height: var(--pc10);
  margin-left: var(--pc1);
  margin-right: var(--pc2)
}
.ctrl-bet-box-multi-root .bet-total-group .bet-total .bet-value {
  color: #ffcf7e;
  font-size: var(--pc7)
}.margin[data-v-d5ed5717] {
  margin: var(--pc6) var(--pc10);
}
.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table tr:nth-child(2n) td[data-v-d5ed5717], .rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table tr:nth-child(odd) td[data-v-d5ed5717] {
  background-color: #fff;
}
.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;

  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
    top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
              transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
    top: 100%;
}
.vc-popover-caret.direction-top.align-left {
      -webkit-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
              transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
      -webkit-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
    left: 100%;
}
.vc-popover-caret.direction-left.align-top {
      -webkit-transform: translateX(-50%) rotate(135deg);
              transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
              transform: translateY(-50%) translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
      -webkit-transform: translateX(-50%) rotate(135deg);
              transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
    left: 0;
}
.vc-popover-caret.direction-right.align-top {
      -webkit-transform: translateX(-50%) rotate(-45deg);
              transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
              transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
      -webkit-transform: translateX(-50%) rotate(-45deg);
              transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
    left: 50%;
}
.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
    top: 50%;
}
.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset);
}
.vc-day-popover-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: none;
      -ms-flex-wrap: none;
          flex-wrap: none;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-dot {
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}
.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}
.vc-header {
  display: grid;
  grid-gap: 4px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
    font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
    font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
    font-size: var(--vc-text-2xl);
}
.vc-header .vc-title-wrapper {
    grid-row: 1;
    grid-column: title;
}
.vc-header .vc-prev {
    grid-row: 1;
    grid-column: prev;
}
.vc-header .vc-next {
    grid-row: 1;
    grid-column: next;
}
.vc-header .vc-title,
  .vc-header .vc-prev,
  .vc-header .vc-next {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.vc-header .vc-title {
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
}
.vc-header .vc-title:hover {
      opacity: 0.75;
}
.vc-header .vc-arrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.vc-header .vc-arrow:hover {
      background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
      opacity: 0.25;
      pointer-events: none;
}
.vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: 0.25;
    pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
      box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color);
}
.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
  /* &.is-not-in-month * {
    opacity: 0;
    pointer-events: none;
  } */
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color);
}
/* ----Content---- */
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}
/* ----Highlights---- */
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
}
.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
}
.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
}
.vc-highlight-bg-outline,
.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,
.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}
/* ----Dots---- */
.vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
    margin-right: 3px;
}
/* ----Bars---- */
.vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 75%;
}
.vc-bar {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}
.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vc-weeks {
  position: relative;
  /* overflow: auto; */
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vc-week,
.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}
.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
    overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}
.vc-base-select {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
}
.vc-base-select.vc-has-icon select {
      padding: 0 27px 0 9px;
}
.vc-base-select.vc-has-icon .vc-base-sizer {
      padding: 0 28px 0 10px;
}
.vc-base-select.vc-fit-content select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
}
.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: 0.6;
    pointer-events: none;
}
.vc-base-select .vc-base-sizer {
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    color: transparent;
    padding: 0px 8px;
    margin: 0;
}
.vc-base-select select {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
            appearance: none;
    background-color: var(--vc-select-bg);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -webkit-max-content;
    width: max-content;
    padding: 0px 7px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center;
}
.vc-base-select select:hover {
      background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-align-left {
      text-align: left;
}
.vc-base-select select.vc-align-right {
      text-align: right;
}
.vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: 0.5;
}
.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker > * + * {
    margin-top: 4px;
}
.vc-time-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color);
}
.vc-time-select-group select {
    background: transparent;
    padding: 0px 4px;
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,
.vc-none-leave-active {
  transition-duration: 0s;
}
.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
  transition: opacity var(--vc-slide-duration) var(--vc-slide-timing),
    -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing),
    -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
}
.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}
.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
  opacity: 0;
}
.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--vc-slide-translate));
          transform: translateX(var(--vc-slide-translate));
}
.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--vc-slide-translate)));
          transform: translateX(calc(-1 * var(--vc-slide-translate)));
}
.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--vc-slide-translate));
          transform: translateY(var(--vc-slide-translate));
}
.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--vc-slide-translate)));
          transform: translateY(calc(-1 * var(--vc-slide-translate)));
}
:root {
  --vc-white: #ffffff;
  --vc-black: #000000;

  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;

  --vc-font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Helvetica', 'Arial', sans-serif;

  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;

  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;

  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;

  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;

  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;

  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}
.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}
.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}
.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}
.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}
.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}
.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}
.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}
.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}
.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}
.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}
.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring);
}
.vc-light {
  /* Base */
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, 0.4);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-gray-500);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-400);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  /* Popover content */
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  /* Base select */
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vc-gray-100);
  --vc-select-hover-bg: var(--vc-gray-200);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}
/* Calendar attributes */
.vc-light.vc-attr,
  .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600);
}
.vc-dark {
  /* Base */
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / 0.7);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-accent-200);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-500);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  /* Popover content */
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  /* Base select */
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}
/* Calendar attributes */
.vc-dark.vc-attr,
  .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500);
}
.vc-container {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.vc-container,
  .vc-container * {
    box-sizing: border-box;
}
.vc-container:focus, .vc-container *:focus {
      outline: none;
}
/* Hides double border within popovers */
.vc-container .vc-container {
    border: none;
}
.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}
.vc-expanded {
  min-width: 100%;
}
.vc-transparent {
  background-color: transparent;
}
.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}
.vc-date-picker-content .vc-container {
    border: 0;
}
.vc-header .vc-arrow,
.vc-header .vc-title {
  background: transparent;
}
.vc-popover-content-wrapper {
  min-width: var(--pc215);
  font-size: var(--pc9);
  --popover-horizontal-content-offset: 0.5rem !important;
  --popover-vertical-content-offset: 0.625rem !important;
  --popover-slide-translation: 0.9375rem !important;
  --popover-caret-horizontal-offset: var(--pc9) !important;
  --popover-caret-vertical-offset: 0 !important;
  transform: translateY(var(--pc10)) !important;
  z-index: 2;
}
.vc-container {
  width: 100%;
  --vc-text-xs: var(--pc8) !important;
  --vc-text-sm: var(--pc10) !important;
  --vc-text-base: var(--pc9) !important;
  --vc-text-lg: var(--pc12) !important;
  --vc-font-bold: bold !important;
}
.vc-pane {
  min-width: auto;
}
.vc-pane-header-wrapper {
  padding: var(--pc1) var(--pc1) !important;
}
.vc-pane-header-wrapper svg {
  width: var(--pc18);
  height: var(--pc18);
}
.vc-header {
  margin-top: 0;
  height: auto;
  padding: 0;
}
.vc-header .vc-title {
  font-size: var(--vc-text-lg);
  height: var(--pc30);
}
.vc-time-picker {
  margin-top: 2px;
}
.vc-time-select-group {
  border: none;
}
.vc-base-select {
  height: var(--pc20);
}
.vc-base-select select {
  border: none;
  width: var(--pc40);
  text-align: center !important;
}
.vc-popover-content-wrapper .vc-container .vc-weeks {
  -webkit-overflow-scrolling: touch;
  padding: var(--pc5) !important;
  min-width: var(--pc18) !important;
}
.vc-popover-content-wrapper .vc-container .vc-weeks .vc-weekday {
  text-align: center;
  color: var(--gray-500);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: 1em !important;
  padding-top: var(--pc1) !important;
  padding-bottom: var(--pc1) !important;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vc-popover-content-wrapper .vc-container .vc-weeks .vc-day {
  min-height: var(--pc18) !important;
}
.vc-popover-content-wrapper .vc-container .vc-weeks .vc-day .vc-day-content {
  width: var(--pc18) !important;
  height: var(--pc18) !important;
  line-height: var(--pc18) !important;
}
.vc-popover-content-wrapper .vc-container .vc-weeks .vc-day .vc-highlight {
  width: var(--pc18);
  height: var(--pc18);
}
/* .vc-popover-content-wrapper .vc-container .vc-pane {
    min-width: var(--pc18)!important
} */
/* .vc-popover-content-wrapper .vc-container .vc-title {
    line-height: var(--pc18)!important;
    font-size: var(--pc10)
} */

.security-msg-box-root .security-msg-box-wrap .security-body-content {
  width: var(--pc400);
  background-image: linear-gradient(180deg, #a6966c, #483b1f);
  border-radius: var(--pc3);
  display: flex;
  flex-direction: column;
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .security-msgbox-title-wrap {
  height: var(--pc35);
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: 0 0 var(--pc1) 0;
  border-style: solid;
  border-image-source: var(--msg-box-border-line);
  border-image-slice: 1;
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .security-msgbox-title-wrap
  .title {
  color: #392811;
  font-size: var(--pc18);
  min-width: var(--pc65);
  padding-left: var(--pc10);
  padding-right: var(--px10);
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .security-msgbox-title-wrap
  .close-btn {
  position: absolute;
  right: var(--pc8);
  top: 0;
  cursor: pointer;
  color: #392811;
  width: var(--pc33);
  height: var(--pc31);
  display: flex;
  justify-content: center;
  align-items: center;
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .security-msgbox-title-wrap
  .close-btn:before {
  content: '\E024';
  font-family: ig-icon-font;
  font-size: var(--pc16);
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .security-msgbox-title-wrap
  .bar-line {
  position: absolute;
  top: var(--pc34);
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  border-width: 0 0 var(--pc1) 0;
  border-image-source: var(--msg-bos-bar-line-color);
  border-image-slice: 1;
  border-style: solid;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .sub-text {
  max-width: var(--pc311);
  color: var(--white);
  font-size: var(--pc13);
  margin-top: var(--pc20);
  align-self: center;
  text-align: center;
  margin-bottom: var(--pc10);
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .input-field {
  box-sizing: border-box;
  width: 75%;
  height: var(--pc28);
  display: flex;
  font-size: var(--pc9);
  background-color: #fff;
  border-radius: var(--pc3);
  color: #e0d77f;
  align-items: center;
  position: relative;
  margin-top: var(--pc15);
  align-self: center;
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .input-field input {
  all: unset;
  flex-grow: 1;
  width: 0;
  height: 100%;
  background-color: transparent;
  font-size: var(--pc9);
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  color: rgba(57, 40, 17, 0.6);
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .input-field
  input::-moz-placeholder {
  color: rgba(224, 215, 127, 0.4);
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .input-field
  input:-ms-input-placeholder {
  color: rgba(224, 215, 127, 0.4);
}
.security-msg-box-root
  .security-msg-box-wrap
  .security-body-content
  .input-field
  input::placeholder {
  color: rgba(224, 215, 127, 0.4);
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .input-field .label {
  color: rgba(57, 40, 17, 0.6);
  padding-left: var(--pc10);
  padding-right: var(--pc10);
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .error {
  height: var(--pc28);
  font-size: var(--pc13);
  display: flex;
  align-items: center;
  margin-top: var(--pc15);
  color: var(--red);
  align-self: center;
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: var(--pc28);
  margin-top: var(--pc10);
  margin-bottom: var(--pc20);
  font-size: var(--pc9);
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .btn-group .btn-cancel,
.security-msg-box-root .security-msg-box-wrap .security-body-content .btn-group .btn-confirm {
  width: var(--pc120);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--pc3);
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .btn-group .btn-confirm {
  background-image: linear-gradient(180deg, #dfc482, #9f8142);
  box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0, 0, 0, 0.5);
  letter-spacing: var(--pc1);
  color: #493212;
}
.security-msg-box-root .security-msg-box-wrap .security-body-content .btn-group .btn-cancel {
  margin-left: var(--pc15);
  letter-spacing: var(--pc1);
  color: #392811;
  background-image: linear-gradient(180deg, #c6b383, #726248);
}
.loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.1);
    z-index: 99999
}

.loader-wrapper.mobile.landscape  {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--w);
  height: var(--h);
  background: rgba(0,0,0,.1);
  z-index: 99999
}

.loader-wrapper .app-loader {
    position: absolute;
    width: var(--pc60);
    height: var(--pc60);
    background-color: rgba(0,0,0,.7);
    border-radius: var(--pc5);
    border: solid var(--pc1) hsla(0,0%,100%,.7);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--pc4)
}

.loader-wrapper .app-loader .image-loader {
    height: var(--pc33);
    width: var(--pc33);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAQAAAAmTKJWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQflCQcCGhC0hESIAAAEkElEQVRYw7WYT2hcRRzHPzPv7W42Js02sVpjbW0gIEWjbbUVTMGDnrQaFNFGSgWPgh4sXhTM0YvSgyCCoHgylwriSVAiCIIeaoU2JWy0SZvU1ATbpLtp8/JmPLyZ2beb/Zt9O8tb2H3z5jPf3/x+v/m9EZqmmschnuRRhrmfHL2k+YoznG/uYdv8hj0ko7zOcQYQgEQAAkiz4foIoIlZ14dlOMk7DCEQaDeoAKBIIdbT/lsXWRsmGed99iDQ5ooPCpsEFU9EmnVtYC3YEJ9xxOnRSKfMtoD1MoidiESjWoG9xMf0gZllNFsBzHGBWZYoANMOZtUKB/dR1YBii2bBh7wFCATSfMOvTPIjl2vYoQQrXYqwkbIUn/BK2QptMMkZ8tRrugwTPesh2KynzONTxsBpEkzxHrM022QsNCJ1ZU5UrmyC4ygEoJCs8wFfNw0CUAaIUehBHBeHvcipmNsuMM50S6gIp41NInOm4mtXMuN+vqfHZYk8J1hsGWXGJGXMCRLFHeuZ0nX4iCwKjUazwGvbRoEmMC4jAY+MvWFhYxxGo1EobnGKa9tGWZxwruKTisMynEaZj2ZiG2tV2RRBzKe74rCXGQA0Cs3PTLaNAggIXWKQkSmFBskPDJo5BDxfM0+02qRxOIFAcTNS9hS7zXppziaGAsWmM6VHKoI951ABXySGArhjUCDpiuL9mHEMxe/MJwoLCc2aCdLg8zDdbiv5LlFUpM0GuIfvM4LC5utfEocFLjVr0j7DbmtcYDlxWIhGGjFpnwcIzfafb3Pg6k2Z/CHxffrNpkKCTl+uzZox5ZN19dB/HVJm9zd8siiiAqDQ3qg1mzTFoO+7KkjVKsDabMLlfy0puHzf3SFdnq1NfFbJEtVHOzoC840yjZIsO2V7OgLLGF0SJbniYHs7AutCGlwgyTvYLu7tgK60q6s3JBcNKkTxWOKwHqNLIilKZlh1uGOJw3aa9ZIobksUv7lS5wCDiaKy9Li9+la0U08RotCEaMYShd0XM6KpQc6xZJSFjCaorZt+JF7kHKxFMM23aOMigjcSg+3Hc0XBv2Drxp9YcQFwgKcTQQ3SV4owVkqwgG9Mna9QjCcQ3jsYMiCBZDHaxGytP8UlFwA+b9PfFirLIy5JCdZsuWFhms8pEJq3mD7ebQOX5RAZF1+av+wN6br8w5dg6kfFAKe3acwcR+k2IIEgz217y5sodbtKhiFXHac5QpErLaKGOFj2Njsff88rf4GXvMkTLuY0ihnOstQkqI8RdrpspNBc42L8vKfyHERykqPOmJqQTf5gqiEwx0MMmqfsVK8yXX60VO3Q5QWecTjrofP8ST6Kli2Y3TxIzvQr4WaZ2TJ01VOtg7xKOoYL0YSErHKdFdYI0Hhk6SVH2uSe+CfgfLUXZVHjCO1uTrDPYbQbLtxy6Rgs+rXMueploah5Xid4nGfpjalTFcDSv6FbqSIXmKs5ZN3TSI/DjJr1qIYsV36TS1yuV32Khqetgn2MMExXBVLHwEXm+JvrDYdq8kAadrGXe8hxFylSKNZZZ40brLDIjeaG+B+raP3+S5Bu8AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: var(--pc33) var(--pc33);
    background-position: 0 0;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.loader-wrapper .app-loader .loading-label {
    font-size: var(--pc9);
    color: var(--white)
}

.lang-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-msg-box-root .lang-msg-box-wrap {
    width: var(--pc299);
    height: var(--pc227);
    background-color: #1d2024;
    border-color: #4a4a4a;
    border-style: solid;
    border-width: var(--pc1);
    display: flex;
    flex-direction: column
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap {
    height: var(--pc31);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .style-l,.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .style-r {
    width: var(--pc72);
    height: var(--pc13)
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .style-l {
    background: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .style-r {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAAbCAYAAAEL9F0LAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAkaADAAQAAAABAAAAGwAAAAB+r0BIAAAEiElEQVRoBe1au44URxStR88sOxNsYAKQIMABa5aAYPkB5NxyRmRZEPAf/AjIcuTIX2D5A4wlExhYApMgsGQsOfAMzHTVLc6pnkI9TTMMntHuylWz2r1d91F96/TZ6ro1pdS2P88ff/fZtvtUz36/f24rnZ6ujlI2Rw/uhU2GZ+avw0t2MB7bs5t0FGM3zYad6JQFhzgwpp5M/Kv967ff6ZP9WCWT6ePnNka88UBSEkwwEWPjTrfRwWlIxqSBECXy6TQkpdIjY3In/tjaySS0TjIpM9zV57v/bZwGLl299WdK8NhlewroQ+zYE+INmdRpSKZ3dmZy6f3CR3qij+9EHs/yTZdASuDwxXvhyrd/05WcJ89zBiuC1AfOMpZ5g6XXASgBllilgvJYXjnoa6Dsggq4NrUK4qkLWjvqsQaradP4DUE7Y2ATXEe7hl0Qr2FDPF6oKV5pXuMetMOXMRJj2JeqRdC/5T1gx7XEeyAXbeAnLnjjNCR9tWp0Mc4rT+m1dzvwdcjPautqXNo3tbPjcT2bzN3QTN242nEv4Ht4eIf9NJ9VYCVwcv2XewdSH1jU5T4fJVx6JZnF315jUTYIHD24/2PBAjNtHwgA57HW4SvKPntOuvcAWoAzu3x42wKkWQGpRQeC8fTXe7+1VIrtAhIQ6QMnAZU9SKvAyR6kdcDJGaQqDX59GfaxRTGHfyw9IFkeeJQP9UKHUkJxuR7tsfRA2UC/ZEdZgXIl+tR4j9YaZQbasKPM0CgvUE5QMobxlnraF+UHS5UAHe0sJbRWXihFnEmlBkoL1C7RbmFHnVEblCOGevxYhZIDpYfRzlUoP2a4rgzKDjt003+mbqRG7pe/xsx59fwTHfCnzEM9b7ACTkJgIfvmo+yZ08Fo6XVfwGl9idYGikzCKvoy9nSe7l+/daVtK9cLBABSKVaBxXv7QqsY0mywqZ+VCl8g9MlwV93IfbN/FV652NYiUZs8WJc9rKrBTefqH7AmvFbIlAtVPjzOlSTqkmc0sl+mb9PYJbf3p1P/UyHThwHOwdJLoo+RpwtMIVMXkbzaSyT6VPJ0oSpk6iKSRzuSaFPydKEqZOoi8v9u66ZMDV9jwSxYMB98fu2bo20N+Y+H3+9jAf4IayZ+I4d9VG60YtdAaW6aRsk29Dw3ImD0Qq9gbnRYuFNPd4Ej/JbjcbZE0INggxZHRIIXHAbhWKDzlFFPezsem8bojH6e0dxEXvhBz3aK14xr7AGe8EcTbbOIQzv6wi/gVAr1HE/Q8A24P/UYV5QSc6IdG8HctIZUnh02eSgxxngaDOJFe2+ChQ59oAkvwd84fqNtE2+C5+EZAxlw8MWYRo9jOGKhExlKZRnnhHZvMF64VmbYSAu8PfQeR2oGWgYWMZNh8MM3Us/En9nZk9FuJW4+ETcbyHRXfF2/Dnt7F/18/m84OFD+7t1HgAWfMhMRhfL5rwhEEqXgTclUXmMJybzkEonS0D+VTIU8Cbk8ZS+JEhQfI1MhT0Iqb7mSRAmaLpnKjnVCpkgisBaJElRtMpWvOxIqRb4FxbH2GfJ03K4AAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .title {
    color: #d7c289;
    font-size: var(--pc10);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

/* .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    background: url(data:image/png;base64,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);
    width: var(--pc20);
    height: var(--pc21);
    background-repeat: no-repeat;
    background-size: var(--pc20) var(--pc21)
} */

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc30);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: linear-gradient(90deg,#4a4a4a,#d7c289 51%,#4a4a4a);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap {
    color: red;
    flex-grow: 1;
    height: 0;
    width: 100%;
    background-color: rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: var(--pc166);
    justify-content: flex-start;
    color: rgba(224,214,127,.5);
    transition: color 1s linear
}

/* .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag {
    width: var(--pc25);
    height: var(--pc16);
    background-image: url(../assets/imgs/flags.png);
    background-size: var(--pc100) var(--pc16);
    background-position: 0 0;
    background-repeat: no-repeat
} */

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag.kor {
    background-position: var(---pc25) 0
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag.en {
    background-position: var(---pc50) 0
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag.zh-hk {
    background-position: var(---pc75) 0
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .lang-name {
    font-size: var(--pc9);
    flex-grow: 1;
    width: 0;
    text-align: left;
    padding-left: var(--pc4)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .icon {
    font-size: var(--pc13)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item:not(:first-child) {
    margin-top: var(--pc24)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item.active,.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item:hover {
    color: #e0d77f
}

/* .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-confirm {
    margin-top: var(--pc17);
    color: #544a28;
    background-color: #b6a887;
    border-radius: var(--pc3);
    font-size: var(--pc9);
    width: var(--pc55);
    height: var(--pc19);
    display: flex;
    align-items: center;
    justify-content: center
} */

@media (orientation: portrait) {
    .mobile .lang-msg-box-root .lang-msg-box-wrap {
        width:100%;
        height: 100%;
        border-width: var(--mp1)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap {
        height: var(--mp58)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .style-l,.mobile .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .style-r {
        width: var(--mp112);
        height: var(--mp20)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .title {
        color: #d7c289;
        font-size: var(--mp15);
        min-width: var(--mp82);
        padding-left: var(--mp10);
        padding-right: var(--mp10)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .close-btn {
        right: var(--mp11);
        width: var(--mp32);
        height: var(--mp33);
        background-size: var(--mp32) var(--mp33)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .bar-line {
        border-width: var(--mp1)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap {
        justify-content: flex-start
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item {
        width: var(--mp300);
        justify-content: flex-start;
        color: #e0d77f
    }

    /* .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag {
        width: var(--mp60);
        height: var(--mp38);
        background-image: url(../assets/imgs/flags.png);
        background-size: var(--mp240) var(--mp38);
        background-position: 0 0;
        background-repeat: no-repeat
    } */

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag.kor {
        background-position: var(---mp60) 0
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag.en {
        background-position: var(---mp120) 0
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .flag.zh-hk {
        background-position: var(---mp180) 0
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .lang-name {
        font-size: var(--mp14);
        width: 0;
        text-align: left;
        padding-left: var(--mp11)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item .icon {
        font-size: var(--mp14)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item:not(:first-child) {
        margin-top: var(--mp23)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .list-item:first-child {
        margin-top: var(--mp33)
    }

    .mobile .lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-confirm {
        margin-top: var(--mp23);
        border-radius: var(--mp5);
        font-size: var(--mp14);
        width: var(--mp110);
        height: var(--mp38)
    }
}

.roadmap-root {
    position: relative
}

.roadmap-root>canvas {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none
}

.loby-item-root {
    background-color: rgba(75,69,51,.8);
    border: solid var(--pc1) #979797;
    display: flex;
    flex-direction: column;
    padding: 0 var(--pc5) var(--pc4) var(--pc5);
    position: relative
}

.loby-item-root .item-header-g1 {
    height: var(--pc23);
    font-size: var(--pc8);
    color: #cfc29f;
    display: flex;
    align-items: center
}

.loby-item-root .item-header-g1 .item-header-desk {
    width: var(--pc90);
    white-space: nowrap
}

.loby-item-root .item-header-g1 .item-header-timer {
    width: var(--pc36);
    font-size: var(--pc13);
    text-align: center
}

.loby-item-root .item-header-g1 .item-header-timer.red {
    color: var(--timer-danger)
}

.loby-item-root .item-header-g1 .item-header-timer.orange {
    color: var(--timer-warning)
}

.loby-item-root .item-header-g1 .item-header-timer.green {
    color: var(--timer-normal)
}

.loby-item-root .item-header-g1 .item-header-ju-shoe {
    width: var(--pc110);
    white-space: nowrap
}

.loby-item-root .item-header-g1 .road-map-summary {
    flex-grow: 1;
    width: 0;
    display: flex;
    padding-right: var(--mp4);
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: var(--pc40)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item:before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--pc4)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=red]:before {
    background-color: var(--red);
    border-radius: 100%;
    width: var(--pc15);
    height: var(--pc15);
    font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=blue]:before {
    background-color: var(--blue);
    border-radius: 100%;
    width: var(--pc15);
    height: var(--pc15);
    font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=green]:before {
    background-color: var(--green);
    border-radius: 100%;
    width: var(--pc15);
    height: var(--pc15);
    font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=ft0]:before {
  background-color: var(--ft0);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=ft1]:before {
  background-color: var(--ft1);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=ft2]:before {
  background-color: var(--ft2);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=ft3]:before {
  background-color: var(--ft3);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g1 .road-map-summary .road-map-summary-item[data-color=ft4]:before {
  background-color: var(--ft4);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g2 {
    height: var(--pc35);
    font-size: var(--pc10);
    color: #cfc29f;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.loby-item-root .item-header-g2 .item-header-g2-r1 {
    display: flex;
    flex-direction: row
}

.loby-item-root .item-header-g2 .item-header-g2-r1 .item-header-desk {
    width: var(--pc130)
}

.loby-item-root .item-header-g2 .item-header-g2-r1 .item-header-ju-shoe {
    width: var(--pc110)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 {
    display: flex
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .road-map-summary {
    flex-grow: 1;
    width: 0;
    display: flex;
    padding-right: var(--mp4);
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    height: 100%
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .road-map-summary .road-map-summary-item {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .road-map-summary .road-map-summary-item:before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--pc4)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .road-map-summary .road-map-summary-item[data-color=red]:before {
    background-color: var(--red);
    border-radius: 100%;
    width: var(--pc15);
    height: var(--pc15);
    font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .road-map-summary .road-map-summary-item[data-color=blue]:before {
    background-color: var(--blue);
    border-radius: 100%;
    width: var(--pc15);
    height: var(--pc15);
    font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .road-map-summary .road-map-summary-item[data-color=green]:before {
    background-color: var(--green);
    border-radius: 100%;
    width: var(--pc15);
    height: var(--pc15);
    font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .road-map-summary .road-map-summary-item[data-color=ft0]:before {
  background-color: var(--ft0);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .road-map-summary .road-map-summary-item[data-color=ft1]:before {
  background-color: var(--ft1);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .road-map-summary .road-map-summary-item[data-color=ft2]:before {
  background-color: var(--ft2);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .road-map-summary .road-map-summary-item[data-color=ft3]:before {
  background-color: var(--ft3);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .road-map-summary .road-map-summary-item[data-color=ft4]:before {
  background-color: var(--ft4);
  border-radius: 100%;
  width: var(--pc15);
  height: var(--pc15);
  font-size: var(--pc9)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .item-header-timer {
    width: var(--pc36);
    font-size: var(--pc13);
    margin-right: var(--pc20);
    margin-left: var(--pc30)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .item-header-timer.red {
    color: var(--timer-danger)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .item-header-timer.orange {
    color: var(--timer-warning)
}

.loby-item-root .item-header-g2 .item-header-g2-r2 .item-header-timer.green {
    color: var(--timer-normal)
}

.loby-item-root .item-body-g1,.loby-item-root .item-body-g2 {
    width: 100%;
    height: 0;
    flex-grow: 1;
    position: relative;
    background: maroon
}

.loby-item-root .item-body-g1 .road-map,.loby-item-root .item-body-g2 .road-map {
    width: 100%;
    height: 100%
}

.loby-item-root .item-body-g1 .is-at-this-table,.loby-item-root .item-body-g2 .is-at-this-table {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    font-size: var(--pc12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    letter-spacing: var(--pc1)
}

.loby-item-root .item-body-g2 {
    background: #979797
}

.loby-item-root .is-reserved {
    position: absolute;
    right: var(---pc2);
    top: var(---pc2);
    left: auto;
    bottom: auto;
    width: var(--pc41);
    height: var(--pc41);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAMAAABiiJHFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAC/VBMVEUAAAD/zABLMCMAAAAAAAAAAAAAAAAAAAAAAAAAAADywgD/zAD8ygAAAAAAAAAAAADjtgAAAAAAAAAAAADcsAAAAAAAAAAAAAAAAAAAAADXrADXrADXrADbrwDjtgDywgD7yQD/zAD+ywD6yAHzwgLcrgfktQX3xQLtvQPfsAbEmQvVpwj9ygD8ygHcrQe/lQyiexJ7WhpfQR+UcBW8kg2PaxaRbRWJZhd5WBpqSx1dPyBLMCOAXhnWqQj7yQFbPSB1VBuzig/hsgaziw96WRpuThxPMyKvhhCngBF3VhpVOSGIZRfTpgn7yAHuvQPLnwqLaBdTNyFRNiLvvwPHmwtiRB+TbhXywAO4jw5wUBxYOyFPNCJjRR6shBDwvwPGmgtzUhtWOiGNaRbYqgjxwAOuhhBeQR+MaBZkRR6kfRLFmguOahZkRh5SNiKGYxjXqQjsuwSxiA9bPiClfhH5xgHEmQxzUxtXOiHZqwfruwRlRx5fQh+mfxHvvgONahberwZnSB6pgRGjfBJaPSB2VRtcPyCddxNtTRxWOSGFYhjHnAu1jA60iw9NMiN9WxnNoQqeeBPouAR/XRlgQh+BXhnSpQn5xwGwhw+BXxi7kQ3rugSSbRVOMiKgehKxiQ+qgxBRNSJhQx9ZPCDDmAyVcBWLZxfUpwh+XBlyUhv0wwKvhxB0UxvAlgzdrweXcRRUOCGDYRjXqgh6WBqUbxXiswbmtwXntwXarAeQbBalfhLmtgVrTB29kg2HZBfClwyKZhftvAT1wwJdQB9pSh2ZcxTltQW2jA6YcxS5jw6adRSbdRPgsQabdhPOoglsTR3RpAmgeRNvTxyEYhhYPCCCYBj2xALQpAnJngpMMSN8WhpQNCJmRx63jg7VqAiSbhV3VxpoSR1xURzInAvywQLbrQethRC9kw14VxqGYxe+lA26kA2ZdBTjtAViRB7OoQp1VRuXchSrgxCWcRSyiQ+ogRGhexKqghHouAXpuQTMoAq/lAy4jg62jQ7JnQsAAADxy3ctAAAAIXRSTlMAAAABAwQFBgcMifxaCxQckgofJ5cCDxolLZqZmJWQh4IGKIueAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+YIGxEZFVCYTdQAAAVgSURBVFjDtdZ5VFRVGADwUcClElOzfbsPdBgZVh0WXwKCMCyNMiDJjCwzLiwpiIojAxmolGPasEgpIiJIyWCBIogKKIRFWGkJ1YiVUI47llaaWef0ELGZufe9efPm+f3zzvneOb/zne9+9zuXw7Gythkx0swYYWNtNYwqCHXU6EeA+fHoY9SszRjbsY+z7RLsONvxE55g2eVwJo588qmnn3mWXZfzcFzOw3EH2GHsu/dY81zMzn7SZOyBO9ww9FmzXK4Db4ojH5C4BiwtF3Ny4jtxnV1c3dynOgAS15Cl4WLTBAIPgaeX93Qcf2WGD4lrxJp2MQ+cCF93Xxz3m+n/P2voGrMmXSxgVmCQr0AYHBIa9qrIcB4oWJPu7Dnh4ggBL3KuW9RrkzASF2ZNufOiJdL5MbFxIF4mX7CQxEWw1O6ixd4JYYlJ7slx4HWZdMlCPtJFsVRuXOzSlNRlacujVqzkpq9SrF6QgawXyZK7SuFSHA9LA3GLM7PeWOOzSiZ9E+miWTI3W5gjDsyJWasEdusi1gcrnebmvuXhyIVdEva++5wR+/YG1cZ3NmVOD+babc56V50HRLHSiPwCALlkLNot3FL03vuLhFlR+Vu3yf2Kt4PJJTvw0jUAcklZpKuW7SRuQGRZ5q7yCr/dIsCrXC3+4EMRgFxyFuXuqYrVDIxDdUzK3o8A+LimVrrAGT7Yof2LZBHuvgS3/QNfh+q6nekg+4BKml+PAVIXzcLu1r3zBfXEtyEg+SBoPFRbcbgBfWkGXRIWco9EN8lrjgDQLGmZdvRYxPTkVgAoXDLW2MXamr1VNWmg+RPVivVi9+TIobyywQ7hkrJQvZridtXxT9M+KxIHhQQoh7K8Ds85Ay63dXa6nkvOQi738/bQjgIwabNwjmYo598ZiqvziJWed8I1W69eChZ2i4k+1EcedFxmP5jgf/GlfIdqdctX9hmp+MlTen2gYiGX6K9c/XXJN6cbgaigFQO8zi58S+Gs8u7YbnFQIk+vv5Qs5H67e0/KLhzf8h1oLV3y/fZSqXbvBsmhM5lRPWercn/Q0GXh+f3xp5Peua4FIK2k9tzMA1mqksReP0FRKO65ri8kWkOXhVy+Mu9n51+IMzrvqerTnUgqLKuJUXic6Sq8sLxPckFDl4Xr5YsAl7edcBNVF3Wuku6yyl6Jx7beS5d1MskVDV0WsR/4+68ej7/G9+/oLxJWVqXqPNplgrqkcJfYQEWAP10Wdp2uK7T9JS4zXKq0F9eqU9S6qUm/Cs7JN14WBrbE02YhF8v+LUas6g88KccjMivw0Es3anIkdVrxzYwrLvX0Wfgenz9a3XHMq0lxlng9tYcrutcmBibgUWWatjYnM1jUXucqG6cclhCs7PeOPrWgCXf/4yDtuaVwAb+ho0tb2yP22vlnlHx++a0CzGwW5d4+HFPrF1a1o6dQd7UrIfgv/X902eGQ27ZJhZ+eFrBP4uYeoivdfBswYiE3Lbg89459sSLxeqVc8bcGMGSN3fTGu6fSfe72F0bevqmqu8OYNXYx4qkkmtvexAPXwmor4xizwxHndm3b+pVxIKPyhgNzFuFyO7U51wE/cpGPBSzsYv9UaIPnAeMwk4Xdf+uW3lrDmH0Q6HeqxSw913yWlsuApeMyYWm4jFjTLjPWpMuQNeUyZU24jFlqlzlL6VrAUrmWsBSuRSy5axlL6lrI3nefZ5slcS1m0a7lLNJlgUW5bLAIlxUWdtlhIZcl1thlizVyWWMNXfZYA5dFVt9lk73vvsA2O+hOeJFt9p47fuxLbLMDrq3t6JfZZgl33JhR1hzWY6K1jbUV+yzHysqK8x9yy8daDXLi3QAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: var(--pc41) var(--pc41)
}

.ctrl-btn-click-db-click-root {
    touch-action: manipulation
}

.ctrl-chips-root {
    display: flex;
    align-items: center
}

.ctrl-chips-root .chips-list-control {
    display: flex;
    flex-grow: 1;
    width: 0;
    align-items: center
}

.ctrl-chips-root .chips-list-control .chips-list {
    flex-grow: 1;
    width: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: center;
    padding-right: var(---pc40)
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item {
    flex: 0 0 var(--pc44);
    height: var(--pc45);
    position: relative;
    margin-left: var(--pc7);
    cursor: pointer
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item:first-child.pg0 {
    margin: 0 0 0 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item:first-child.pg1 {
    margin: 0 var(---pc51) 0 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip-is-selected {
    background: url(/assets/chip-border-B0L0NPkF.png);
    background-position: 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: var(--pc44);
    height: var(--pc45);
    background: url(/assets/chips-AkZLD0ZR.png);
    background-size: var(--pc352) var(--pc45);
    background-position: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pc13);
    scale: .98
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip.chip-1 {
    background-position: var(---pc44) 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip.chip-2 {
    background-position: var(---pc88) 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip.chip-3 {
    background-position: var(---pc132) 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip.chip-4 {
    background-position: var(---pc176) 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip.chip-5 {
    background-position: var(---pc220) 0
}

.ctrl-chips-root .chips-list-control .chips-list .chips-list-item .chip.chip-6 {
    background-position: var(---pc264) 0
}

.ctrl-chips-root .chips-list-control .icon-left,.ctrl-chips-root .chips-list-control .icon-right {
    width: var(--pc20);
    height: var(--pc20);
    cursor: pointer
}

.ctrl-chips-root .chips-list-control .icon-right {
    transform: rotate(180deg)
}

.ctrl-chips-root .custom-chip-wrap {
    width: var(--pc44);
    height: var(--pc45);
    margin-right: var(--pc5);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.ctrl-chips-root .custom-chip-wrap .custom-chip-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: url(/assets/chips-AkZLD0ZR.png);
    background-size: var(--pc352) var(--pc45);
    background-position: 0 0;
    position: relative
}

.ctrl-chips-root .custom-chip-wrap .custom-chip-content .label {
    width: var(--pc50);
    height: var(--pc15);
    background-image: linear-gradient(45deg,rgba(223,197,130,.8),rgba(160,130,67,.8));
    border-radius: var(--pc2);
    font-size: var(--pc10);
    line-height: var(--pc15);
    text-align: center;
    position: absolute;
    color: #313131;
    pointer-events: none
}

.ctrl-chips-root .custom-chip-wrap .custom-chip-content .value {
    font-size: var(--pc13)
}

.ctrl-chips-root .custom-chip-wrap .custom-chip-content input {
    all: unset;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    box-sizing: border-box;
    width: var(--pc50);
    height: var(--pc15);
    background: var(--white);
    border-radius: var(--pc2);
    font-size: var(--pc8);
    line-height: var(--pc15);
    text-align: center;
    position: absolute;
    color: #313131;
    border: solid var(--pc1) #313131
}

.ctrl-chips-root .custom-chip-wrap .chip-is-selected {
    background: url(/assets/chip-border-B0L0NPkF.png);
    background-position: 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    scale: 1.1
}

.drop-down-root .drop-down-btn .drop-down-label {
    color: #cdb170;
    padding-left: var(--pc6)
}

.drop-down-root .drop-down-btn .drop-down-icon {
    margin-right: var(--pc8)
}

.drop-down-root .drop-down-list {
    top: var(--pc22);
    background-color: #443525;
    color: #cdb170
}

.drop-down-root .drop-down-list li {
    padding-left: var(--pc6);
    height: var(--pc23);
    line-height: var(--pc23);
    border-bottom: solid var(--pc1) rgba(205,187,116,.3)
}

.drop-down-root .drop-down-list li:hover {
    background-color: rgba(0,0,0,.3)
}

.drop-down-root .drop-down-list li:first-child {
    border-top: solid var(--pc1) rgba(205,187,116,.3)
}

.drop-down-root {
    background: #fff;
    position: relative;
    color: #000;
    font-size: var(--pc9);
    box-sizing: border-box
}

.drop-down-root .drop-down-btn {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.drop-down-root .drop-down-btn .drop-down-label {
    width: 0;
    flex-grow: 1;
    font-size: 1em;
    white-space: nowrap;
    padding-left: .5em
}

.drop-down-root .drop-down-btn .drop-down-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--pc13);
    height: var(--pc13)
}

.drop-down-root .drop-down-btn .drop-down-icon svg {
    transition: transform .3s linear
}

.drop-down-root .drop-down-btn.on .drop-down-icon svg {
    transform: rotate(-180deg)
}

.drop-down-root .drop-down-list {
    position: absolute;
    left: 0;
    top: calc(100% - var(--pc1));
    bottom: auto;
    right: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    background: #393026;
    border-radius: var(--pc3);
    z-index: 999
}

.drop-down-root .drop-down-list li {
    padding: .4em;
    height: 100%;
    line-height: var(--pc15);
    font-size: 1em;
    border-bottom: solid var(--pc1) hsla(0,0%,75.3%,.158)
}

.drop-down-root .drop-down-list li:hover {
    background-color: rgba(0,0,0,.1);
    color: #fff
}

.drop-down-root .drop-down-list li:first-child {
    border-top: solid var(--pc1) hsla(0,0%,75.3%,.192157)
}

.drop-down-root .drop-down-list li.active {
    color: #5c4328
}

.drop-down-root.enabled {
    pointer-events: none
}

.timer-count-down-root {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.timer-count-down-root .no-bet,.timer-count-down-root .start-bet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #e0d683;
    transition: all 1s linear;
    z-index: 1
}

.timer-count-down-root .no-bet .t-coin,.timer-count-down-root .start-bet .t-coin {
    display: none;
    font-size: var(--pc30);
    width: var(--pc36);
    height: var(--pc42);
    display: flex;
    align-items: center;
    justify-content: center
}

.timer-count-down-root .no-bet .t-coin .t-coin-img,.timer-count-down-root .start-bet .t-coin .t-coin-img {
    width: var(--pc36);
    height: var(--pc27);
    background-repeat: no-repeat;
    background-size: var(--pc36) var(--pc27);
    background-position: 0 0
}

.timer-count-down-root .no-bet .count,.timer-count-down-root .start-bet .count {
    font-size: 1em;
    width: var(--pc36);
    height: var(--pc42);
    display: flex;
    align-items: center;
    justify-content: center
}

.timer-count-down-root .no-bet .label,.timer-count-down-root .start-bet .label {
    font-size: var(--pc7);
    margin-top: var(---pc9);
    text-align: center;
    display: none
}

.timer-count-down-root .no-bet.red,.timer-count-down-root .start-bet.red {
    color: red
}

.timer-count-down-root .no-bet.red .count,.timer-count-down-root .start-bet.red .count {
    transform: scale(1);
    -webkit-animation: pulse-red-d0091fec .5s ease-out infinite alternate;
    animation: pulse-red-d0091fec .5s ease-out infinite alternate
}

.timer-count-down-root .no-bet.green,.timer-count-down-root .start-bet.green {
    color: #1fec3d
}

.timer-count-down-root .no-bet.orange,.timer-count-down-root .start-bet.orange {
    color: orange
}

.timer-count-down-root .base {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: none;
    z-index: 0
}

.timer-count-down-root .base .bg_path {
    fill: rgba(0,0,0,.7)
}

.timer-count-down-root .base .trail {
    stroke-width: var(--pc1);
    stroke: #333
}

.timer-count-down-root .base .progress {
    stroke-width: var(--pc3);
    stroke-linecap: butt;
    stroke: transparent;
    transition: all 1s linear;
    transform-origin: center;
    transform: rotate(90deg)
}

.timer-count-down-root .base .progress.green {
    stroke: #2baa1f
}

.timer-count-down-root .base .progress.orange {
    stroke: #b78001
}

.timer-count-down-root .base .progress.red {
    stroke: #b80405
}

.timer-count-down-root .base .progress.no-animate {
    transition: none
}

@-webkit-keyframes pulse-red-d0091fec {
    0% {
        transform: scale(.85);
        text-shadow: 0 0 0 rgba(0,0,0,.7)
    }

    70% {
        transform: scale(1);
        text-shadow: 0 0 10px transparent
    }
}

@keyframes pulse-red-d0091fec {
    0% {
        transform: scale(.85);
        text-shadow: 0 0 0 rgba(0,0,0,.7)
    }

    70% {
        transform: scale(1);
        text-shadow: 0 0 10px transparent
    }
}

.bet-start-stop-pop-root {
    overflow: hidden
}

.bet-start-stop-pop-root .content-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-start-stop-pop-root .content-image .end,.bet-start-stop-pop-root .content-image .start {
    height: var(--pc30);
    width: var(--pc105)
}

.bet-start-stop-pop-root .slide-enter-active,.bet-start-stop-pop-root .slide-leave-active {
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.bet-start-stop-pop-root .slide-enter-from {
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%)
}

.bet-start-stop-pop-root .slide-leave-to {
    transform: translate(100%);
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    -o-transform: translate(100%)
}



.loby-root {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.loby-root .header {
    height: var(--pc30);
    width: 100%;
    display: flex;
    align-items: center;
    background-image: linear-gradient(270deg,#594b35 1%,#6d5c47 52%,#473e2b)
}

.loby-root .header .loby-logo {
    background: url(/assets/logo-irTliTTp.png);
    width: var(--pc48);
    height: var(--pc26);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: var(--pc48) var(--pc26);
    margin-left: var(--pc7)
}

.loby-root .header .fill {
    width: 0;
    flex-grow: 1
}

.loby-root .header .info {
    color: #cdb170;
    display: flex;
    align-items: center;
    flex-direction: row;
    /* width: var(--pc82) */
}

.loby-root .header .info .icon.balance,.loby-root .header .info .icon.user-l {
    width: var(--pc13);
    height: var(--pc13)
}

.loby-root .header .info .value {
    font-size: var(--pc9);
    margin-left: var(--pc5)
}

.loby-root .header .info.user-name {
    margin-left: var(--pc14)
}

.loby-root .header .info.user-coin {
    width: var(--pc76)
}

.loby-root .header .tab-menu {
    height: 100%;
    width: var(--pc300);
    display: flex
}

.loby-root .header .tab-menu>div {
    background-color: #393026;
    flex-grow: 1;
    width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #baa172;
    font-size: var(--pc12);
    margin-left: var(--pc1)
}

.loby-root .header .tab-menu>div:first-child {
    margin-left: 0
}

.loby-root .header .tab-menu>div.active {
    background-color: #c5ab7c;
    color: #393026
}

.loby-root .header .drop-down-game-limit,.loby-root .header .drop-down-game-type {
    width: var(--pc100);
    height: var(--pc20);
    background-color: #443525;
    border: solid var(--pc1) #cdbb74
}

.loby-root .header .drop-down-game-limit {
    margin-left: var(--pc10)
}

.loby-root .header .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: var(--pc10)
}

.loby-root .header .icon.one-bar,.loby-root .header .icon.two-bar {
    transition: filter .3s linear;
    filter: brightness(.6)
}

.loby-root .header .icon.one-bar.active,.loby-root .header .icon.two-bar.active {
    filter: none
}

.loby-root .header .icon.one-bar:hover,.loby-root .header .icon.two-bar:hover {
    filter: brightness(1)
}

.loby-root .header .icon.one-bar {
    width: var(--pc18);
    height: var(--pc14);
    cursor: pointer
}

.loby-root .header .icon.two-bar {
    width: var(--pc18);
    height: var(--pc15);
    cursor: pointer
}

.loby-root .header .icon.full,.loby-root .header .icon.normal {
    width: var(--pc18);
    height: var(--pc18);
    margin-left: var(--pc20);
    cursor: pointer
}

.loby-root .header .drop-down-setting {
    width: var(--pc50);
    height: var(--pc20);
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    border-radius: var(--pc2);
    margin-left: var(--pc38);
    margin-right: var(--pc10);
    display: flex;
    flex-direction: row;
    align-items: center
}

.loby-root .header .drop-down-setting .label {
    width: 0;
    flex-grow: 1;
    color: #493212;
    font-size: var(--pc9);
    padding-left: var(--pc7);
    white-space: nowrap
}

.loby-root .header .drop-down-setting .icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--pc12);
    height: var(--pc12);
    margin-right: var(--pc6)
}

.loby-root .header .btn-ss {
    min-width: var(--pc25);
    margin-right: var(--pc160);
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    border-radius: var(--pc2);
    height: var(--pc20);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #493212;
    padding: 0 var(--pc4);
    font-size: var(--pc10)
}

.loby-root .header .btn-ss .icon-btns {
    width: var(--pc13);
    height: var(--pc13);
    display: flex;
    align-items: center;
    margin-right: var(--pc4)
}

.loby-root .header .btn-ss:first-child {
    margin-left: 0
}

.loby-root .header .btn-ss .value-btns {
    white-space: nowrap
}

.loby-root .content-wrap {
    width: 100%;
    height: 0;
    flex-grow: 1;
    overflow: hidden
}

.loby-root .content-wrap .content {
    height: 100%;
    margin: 0 var(--pc5);
    padding: var(--pc10) 0;
    position: relative
}

.loby-root .content-wrap .content.multi {
    margin: 0 var(--pc5);
    padding-bottom: 0;
    padding-top: var(--pc1)
}

.loby-root .content-wrap .content .content-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    justify-content: space-between;
    align-content: flex-start
}

.loby-root .content-wrap .content .content-list::after{
  content: '';
  width: var(--pc299);
}

.loby-root .content-wrap .content .content-list .content-list-item {
    flex: 0 0 var(--pc459);
    height: var(--pc168);
    margin-top: var(--pc7)
}

.loby-root .content-wrap .content .content-list .content-list-item:nth-child(2n) {
    margin-left: var(--pc5)
}

.loby-root .content-wrap .content .content-list .content-list-item:nth-child(-n+2) {
    margin-top: 0
}

.loby-root .content-wrap .content .content-list .content-list-item.grid-3 {
    flex: 0 0 var(--pc299);
    height: var(--pc184);
    margin-left: 0
}

.loby-root .content-wrap .content .content-list .content-list-item.grid-3:nth-child(-n+3) {
    margin-top: 0
}

.loby-root .content-wrap .content .content-list .content-list-item.selected {
    border: solid var(--pc1) var(--red)
}

.loby-root .content-wrap .content .multi-select-footer-info {
    position: absolute;
    width: 100%;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    height: var(--pc35);
    background-image: linear-gradient(270deg,#806d4f,#ae9875 52%,#85744f);
    display: flex;
    align-items: center;
    justify-content: center
}

.loby-root .content-wrap .content .multi-select-footer-info .start-multi-betting {
    width: var(--pc86);
    height: var(--pc25);
    background-color: #ffd918;
    border-radius: var(--pc3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pc10);
    color: var(--black);
    position: relative
}

.loby-root .content-wrap .content .multi-select-footer-info .start-multi-betting:before {
    content: attr(data-info);
    position: absolute;
    color: var(--white);
    white-space: nowrap;
    right: calc(100% + var(--pc13))
}

.loby-root .content-wrap .content .multi-table-betting {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.loby-root .content-wrap .content .multi-table-betting .multi-item-group {
    flex-grow: 1;
    width: 100%;
    height: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.loby-root .content-wrap .content .multi-table-betting .multi-item-group .multi-item {
    width: var(--pc234);
    height: var(--pc433)
}

.loby-root .content-wrap .content .multi-table-betting .chips-group-control {
    width: 100%;
    height: var(--pc52);
    background-image: linear-gradient(270deg,#806d4f,#ae9875 52%,#85744f);
    display: flex;
    justify-content: center;
    align-items: center
}

.loby-root .content-wrap .content .multi-table-betting .chips-group-control .chips-group {
    width: var(--pc395);
    transition: .3s linear
}

.loby-root .footer {
    width: 100%;
    height: var(--pc23);
    background-color: rgba(0,0,0,.2);
    line-height: var(--pc23);
    font-size: var(--pc8);
    color: #cdb170
}

.setting-msg-box-root {
    width: 100%;
    height: 100%
}

.setting-msg-box-root .setting-msg-box-body {
    position: absolute;
    width: var(--pc73);
    left: auto;
    right: var(--pc1);
    top: var(--pc35);
    bottom: auto;
    background-image: linear-gradient(180deg,#dec381,#a08243);
    border-radius: var(--pc3)
}

.setting-msg-box-root .setting-msg-box-body .setting-msg-box-item {
    width: 100%;
    font-size: var(--pc8);
    color: #533e0b;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: background-color .5s linear;
    padding: var(--pc6) 0;
    cursor: pointer
}

.setting-msg-box-root .setting-msg-box-body .setting-msg-box-item .icon {
    width: var(--pc32);
    height: var(--pc10);
    display: flex;
    justify-content: center;
    align-items: center
}

.setting-msg-box-root .setting-msg-box-body .setting-msg-box-item:hover {
    background-color: hsla(0,0%,100%,.3)
}

.security-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.security-msg-box-root .security-msg-box-wrap {
    width: var(--pc400);
    height: var(--pc270);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.security-msg-box-root .security-msg-box-wrap .security-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.security-msg-box-root .security-msg-box-wrap .security-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.security-msg-box-root .security-msg-box-wrap .security-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.security-msg-box-root .security-msg-box-wrap .security-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.security-msg-box-root .security-msg-box-wrap .security-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #534631;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .input-field {
    box-sizing: border-box;
    width: 75%;
    height: var(--pc28);
    display: flex;
    font-size: var(--pc9);
    background-color: #fff;
    border-radius: var(--pc3);
    color: #e0d77f;
    align-items: center;
    position: relative;
    margin-top: var(--pc15)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .input-field input {
    all: unset;
    flex-grow: 1;
    width: 0;
    height: 100%;
    background-color: transparent;
    font-size: var(--pc9);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: rgba(57,40,17,.6)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .input-field input::-moz-placeholder {
    color: rgba(224,215,127,.4)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .input-field input:-ms-input-placeholder {
    color: rgba(224,215,127,.4)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .input-field input::placeholder {
    color: rgba(224,215,127,.4)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .input-field .label {
    color: rgba(57,40,17,.6);
    padding-left: var(--pc10);
    padding-right: var(--pc10)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .error {
    height: var(--pc28);
    font-size: var(--pc13);
    display: flex;
    align-items: center;
    margin-top: var(--pc15);
    color: var(--red)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc28);
    margin-top: var(--pc10);
    font-size: var(--pc9)
}

.security-msg-box-root .security-msg-box-wrap  .sub-text{
  max-width: var(--pc311);
  color: var(--white);
  font-size: var(--pc13);
  margin-top: var(--pc20);
  align-self: center;
  text-align: center;
  margin-bottom: var(--pc10)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .btn-group .btn-cancel,.security-msg-box-root .security-msg-box-wrap .security-body-wrap .btn-group .btn-confirm {
    width: var(--pc120);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.security-msg-box-root .security-msg-box-wrap .security-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.lang-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-msg-box-root .lang-msg-box-wrap {
    width: var(--pc400);
    height: var(--pc270);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.lang-msg-box-root .lang-msg-box-wrap .lang-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #534631;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap p {
    font-size: var(--pc14);
    color: rgba(255,228,166,.6);
    padding: var(--pc21);
    letter-spacing: var(--pc1)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc35)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel,.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    width: var(--pc150);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.lang-msg-box-root .lang-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.chips-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.chips-msg-box-root .chips-msg-box-wrap {
    width: var(--pc459);
    height: var(--pc283);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.chips-msg-box-root .chips-msg-box-wrap .chips-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.chips-msg-box-root .chips-msg-box-wrap .chips-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--pc10)
}

.chips-msg-box-root .chips-msg-box-wrap .chips-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.chips-msg-box-root .chips-msg-box-wrap .chips-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.chips-msg-box-root .chips-msg-box-wrap .chips-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #393026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3);
    padding: var(--pc4)
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option {
    width: 100%;
    height: 0;
    flex-grow: 1;
    background-color: #534631;
    border-radius: var(--pc3);
    margin-top: var(--pc5);
    display: flex;
    flex-direction: row;
    align-items: center
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option:first-child {
    margin-top: 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active {
    background-image: linear-gradient(180deg,#b2a073,#77653e)
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .check {
    background-color: #462d09
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip {
    width: var(--pc42);
    height: var(--pc43);
    background: url(/assets/chips-AkZLD0ZR.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: var(--pc336) var(--pc43)
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip:nth-child(3) {
    background-position: var(---pc42) 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip:nth-child(4) {
    background-position: var(---pc84) 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip:nth-child(5) {
    background-position: var(---pc126) 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip:nth-child(6) {
    background-position: var(---pc168) 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip:nth-child(7) {
    background-position: var(---pc210) 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option.active .chip:nth-child(8) {
    background-position: var(---pc252) 0
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option .check {
    width: var(--pc35);
    height: var(--pc39);
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: var(--pc70) var(--pc39);
    margin-left: var(--px25);
    background-color: #77653e;
    background-blend-mode: soft-light;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAsCAYAAADozd+ZAAAAAXNSR0IArs4c6QAACKFJREFUeF7VW2twlGcVfp4v4aZQq/3VccSxXKyMOE4H6kyRFq3OCFXIpQvaDGWzMNS2Vnrxkl2CbCFZqFB6lVqs2RRLWwjJhtaOo+PU0vGH1mtLvbVFqdbxh+1MRVRKst/jnO0XyGWz+37fJmE5f3POeZ/v2fc977m8Ic4haVjffqHf56WZ1525vamXzhXoki4EsBnA3TwXQKfTae+FY5NuFLkVwLukU+/u7Uy/We3YJXkAbgBguM8HcEHVEx5bvX1mf62/F8AVAcH/zWVT7zwHyJ4J4GEASwKsJ0lOq2rCG+OZZT5hZF9whmC+nMsm51Yz4ZKWAcNx4xWSc6qW8IZE282StxNAzWByBT7Tm01+oloJl/Qli9XDcQN4luQVVUd4LHagpm/60buJAvCRQjye60h9odoIl2Qbw4gujhs4QHJVVREekL2P0KrRCeVduWzy1moiPCD7ewBKbYS7Sd5SNYQb2f0zjj4GKVaKTMLb1JNtaasWwgOy9wEosUkKaDeT3FIVhFva9/yxKXtBNZUj0pN/W3dn665yehPxd0nGn+3ssrgBfI3kjqogvK45s5vA9S4kefBv6s623u+iO946ku4wIh3X2UDy3rNOeGNie4svf5sjaHj0kt0dLdtd9cdLT1ILAGfcAJIkt59VwhsSmeUSegE44xC9Xb0dLbeNF5EufiV9FsATYXADuIfkzc4f6gIkjE5jPHOxT/zMSvUwdvahuWxqRUibMVOX9EEAP4+A+/skP3dWCG9qSp/3n8lTniMK4MPKsVw29YGwRmOhL2kGgOcAXBzB32sk33dWCK9rzuwjcE0E0AUT+fnZvQ9vOhrVPqqdpEccM5LRlpg74YQ3JNrjErNRP9rsPKi1O7uxvRIfYW0lrQ76I2FNB+snJ5TwujVbZ9Gr+S2A6ZWgBvBiLpuaX6EPZ3NJswCMBe4XJozwQnHz6pTDgD7u/KUjFY+SaquZ2newa3f6RAV+nE2DnvbTg9rDzraDFP8MwKrjgxNGeND9uysKWgAnPXq3vzHz5M5n0un+iD4imUnaEDSlotifDIYP3yRZwD0hhDesbXu/fO/3AN4RAfWLqMmvzD206Q8RbCsykWRDBMMdZeBheBtJDsEdivBYbNc0f8apDX3gt57o+Pq/Xb+mLpHJUahz1R/QE7h/0rS31lUaPiRNA/BlAA+QPO6KQ1I3gAZX/UF6+wGsIzki7DkTXt/ctgLwrGl0kQdvc3e2ZYsLkGBq85SL7iAdUWzr6WzZDFAhbYeoS1oOwHDbxXc7ybSLP0mfAfADF93BuINYbZ3BorjLEh5bu212v497AS09s/NwnHlclNubeqMUoHg8PfVNTj5CYHYI4HkS1/V0pL4bwmaEqiRb8x4ANu4aENvds0i+Xsq3pCkAjgCYEwJDHsD1JL9TymZUwmM3pKfnT05OSvgKgMnDnfjijkOdyZKdsoZE+yaJTich8H+KQFNPNnUwxIcO39F2T6QAfLUYbtvtJEv2YiS1BpedK4xTAFaTPFDOoCjh9fG2mOjtJGCXxmjyv9q8P6drb+vfiynErm17b3+N9zIAi58u0kf6q3o6WnMuysV0JF0N4E6Uxm2ZwxySr43iw96QvBLigjeyV5I85IJ7COGx5sy8fvA+QJ90MRa4pzebvK6Ybl3ztgcJrXfxAyDvUdd0d2wsu0NGIWleED4+5bjeHpJFcUt6AMAXHf0Y2atIWsfTSQqEL0/cMcOTv5mQ3eSTnCzfVuqTn//Q8L5G/bWZuajB7wDUOvjyPSDRnU3ZG45QIskqVrsEbxolfIzmz3LieSTtBJ4WSRazLQ10wW0xu4mkZSTOwvpEWxN8bwcIO0qhRcCjvdnUkBFTfXOmC4Ad73IiOwU92Y0PlVMc/ndJNrC18BEJN4D9JD8/jPDHHWaTZmIZyHqSoXHTspC+PG8k/XURexw+6F2S62h53pDUxds/SvLXLkVVJdOboL9hTxKi4wYuIVnALekjQb+kbOY2MBAOu0lM/7Tz0w8loYTjkTpzFMEne7NJy3dRn8g8BmHIzikGTOAjvdmkdeAqkuCh5DcC4l1CweD1niJp0xsj/NEyzxwG7GxCbxlJpPpgxK+5Ir5lvsday4EXhmKCuKyW/Ge/rz8WeXU0zBWfrj3x1tKurrRdOmMikqx7aEf80pAOFwP4BwDDXe4HsybWUpKRcRc9PkvS6dr3vDr1VsG3HNqKABc5LPBP5TMTHqmdxMVde1r+5eI0jI4kI+yWIId2xf1scFGWy0ysEFpMsiLcJeNVY6JtQd73DpBwHWnZzT3kLeBQwvi6hIW9ncljYYgMqytpAQBLMccIN6yiXkjyL2GxDNcve0HUxdPnk5MtZSvE6AokX0MuO9iR/FEFPpxNJdl77E4AlQ6cbRNdRfKHzouXUCxLuNna8OA3x6Zs9ygrl6OJ2JLrTNrDmQmT4GWUjeKSFSyaIhnm/UnJpZwIH/DQGG9P+KRVYiN6K6VWkdjd29kSq7TzF5U0SXEAD4bFDaDH6omoGUkxvKEINwcNa9uvkk8rbNx6JMRLedQsCNM/j0ps6R+90O20ppjrEMSq0AVh+ucuuEMTbk6vjm9d0s+aQwTOK7PIKY/+ou6O1l+6gBlvHUmXA3gS5XH3AVhE8hdjjSkS4Qaibm3bpfQ9uwBHfTlVSSU51h864C/IYH5c5uXUmMbtwd8SmfBCeFmTWSQPRnqxY/qT2hOzP93VtdJu+aoSSZcBBdzFZpWHAVxJclxwV0R4Ibysab8y79GO6emYLuC44H/4ULb1b1XF9CAwUqEFbbgHbxabCM0n+dfxwl0x4YWd/vYrWLvRC0VPNb3hLnORWm1xGncwIvv2eJFtfseEcHPUGG/f4JP2T0W/qj0x+2PVGEqKESnJ/hFgN4CfArh8LFPAMUkLS/36dc3b7vPgZ3uyG609e86IJNsonSTtOdu4yv8B0J/u7i5QPyUAAAAASUVORK5CYII=);
    mask-image: url(data:image/png;base64,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);
    -webkit-mask-size: var(--pc70) var(--pc39);
    mask-size: var(--pc70) var(--pc39);
    margin-left: var(--pc11)
}

.chips-msg-box-root .chips-msg-box-wrap .msgbox-body-wrap .chip-option .chip {
    width: var(--pc42);
    height: var(--pc43);
    background: url(/assets/chip-disabled-DYKeKDi8.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: var(--pc42) var(--pc43);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pc13);
    margin-left: var(--pc13);
    color: #313131
}

.demo-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.demo-msg-box-root .demo-msg-box-wrap {
    width: var(--pc284);
    height: var(--pc207);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.demo-msg-box-root .demo-msg-box-wrap .demo-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.demo-msg-box-root .demo-msg-box-wrap .demo-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.demo-msg-box-root .demo-msg-box-wrap .demo-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.demo-msg-box-root .demo-msg-box-wrap .demo-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.demo-msg-box-root .demo-msg-box-wrap .demo-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #393026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3);
    padding: var(--pc4)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group {
    margin-top: var(--pc16);
    width: 85%;
    display: flex;
    align-items: center
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .capcha-image-wrap {
    background-color: #fff;
    height: var(--pc20);
    width: var(--pc60);
    margin-left: var(--pc8);
    position: relative
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .capcha-image-wrap .image-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: var(--pc9);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .capcha-image-wrap img {
    width: 100%;
    height: var(--pc20)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .reload {
    width: var(--pc18);
    height: var(--pc20);
    margin-left: var(--pc5);
    margin-right: var(--pc5);
    cursor: pointer
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field {
    box-sizing: border-box;
    width: 100%;
    height: var(--pc28);
    display: flex;
    font-size: var(--pc9);
    background-color: rgba(0,0,0,.2);
    border-radius: var(--pc3);
    border: solid var(--pc1) #eecf96;
    color: #e0d77f;
    align-items: center;
    position: relative
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input {
    all: unset;
    flex-grow: 1;
    width: 0;
    height: 100%;
    background-color: transparent;
    font-size: var(--pc9);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input::-moz-placeholder {
    color: rgba(224,215,127,.4)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input:-ms-input-placeholder {
    color: rgba(224,215,127,.4)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input::placeholder {
    color: rgba(224,215,127,.4)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field .icon {
    width: var(--pc35);
    height: var(--pc15)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc28);
    font-size: var(--pc9);
    margin-top: var(--pc40)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel,.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    width: var(--pc78);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.demo-msg-box-root .demo-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.rule-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.rule-msg-box-root .rule-msg-box-wrap {
    width: var(--pc718);
    height: var(--pc411);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.rule-msg-box-root .rule-msg-box-wrap .rule-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.rule-msg-box-root .rule-msg-box-wrap .rule-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.rule-msg-box-root .rule-msg-box-wrap .rule-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.rule-msg-box-root .rule-msg-box-wrap .rule-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.rule-msg-box-root .rule-msg-box-wrap .rule-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #534631;
    display: flex;
    flex-direction: column;
    border-radius: var(--pc3);
    padding: var(--pc3) var(--pc2)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .tab-menu {
    width: 100%;
    padding: var(--pc2) 0 0 var(--pc23);
    display: flex;
    font-size: var(--pc9)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .tab-menu .tab-item {
    width: var(--pc65);
    height: var(--pc18);
    background-color: #6a5b43;
    border-top-right-radius: var(--pc3);
    border-top-left-radius: var(--pc3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eecf87;
    transition: all .3s linear
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .tab-menu .tab-item:last-child {
    margin-left: var(--pc7)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .tab-menu .tab-item.active {
    background-color: #bcac82;
    color: #392811
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header {
  display: flex;
  width: 100%;
  height: var(--pc26);
  font-size: var(--pc9);
  align-items: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .label {
  width: var(--pc132);
  color: #eecf87
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .label:first-child {
  padding-left: var(--pc9)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .label:nth-child(2) {
  width: var(--pc143)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .label:nth-child(3) {
  width: var(--pc110)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .d-calendar {
  width: var(--pc215);
  height: var(--pc18);
  position: relative;
  background-color: var(--white);
  border-radius: var(--pc3);
  display: flex;
  flex-direction: row
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .d-calendar>div {
  width: 100%
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .d-calendar>div>div {
  width: 100%;
  display: flex;
  align-items: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .d-calendar .input-c {
  background-color: transparent;
  width: var(--pc102);
  height: var(--pc18);
  color: var(--black);
  font-size: var(--pc8)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header input {
  all: unset;
  box-sizing: border-box;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: var(--pc75);
  height: var(--pc18);
  background-color: var(--white);
  border-radius: var(--pc2);
  color: #474747;
  font-size: var(--pc8);
  padding: 0 var(--pc3)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header input ::-moz-placeholder {
  color: #aeaeae
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header input :-ms-input-placeholder {
  color: #aeaeae
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header input ::placeholder {
  color: #aeaeae
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header input:nth-child(5) {
  margin-left: var(--pc12)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .btn-submit {
  width: var(--pc40);
  height: var(--pc18);
  background-image: linear-gradient(180deg,#dec381,#a08243);
  border-radius: var(--pc2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3e2f0b;
  filter: brightness(.9);
  transition: filter .3s linear;
  margin-left: var(--pc12)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-header .btn-submit:hover {
  filter: brightness(1)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap {
    flex-grow: 1;
    width: 100%;
    height: 0;
    background-color: #bcac82;
    border-color: #867354;
    border-style: solid;
    border-width: 0 var(--pc1);
    display: flex;
    flex-direction: column;
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask {
    flex-grow: 1;
    /* flex-direction: row; */
    overflow: auto;
    letter-spacing: var(--pc1);
    font-size: var(--pc9)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask h3 {
    color: #392811;
    margin-top: var(--pc30)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask h3:first-child {
    margin-top: var(--pc20)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask p {
    margin: var(--pc10) 0 0 0!important
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask ol {
    list-style-type: decimal;
    margin: var(--pc10) 0 0 0!important
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table {
    padding: 0;
    border-collapse: collapse;
    margin: var(--pc6) 0 0 0
}



.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td {
    text-align: center;
    color: #392811;
    border: solid #d8d8d8 var(--pc1);
    height: var(--pc17);
    line-height: var(--pc17)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td.head {
    background-color: #605139!important;
    color: #eecf87
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td.size-131 {
    width: var(--pc130)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td.size-143 {
    width: var(--pc146)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td.size-194 {
    width: var(--pc194)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td.size-256 {
    width: var(--pc254)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask table td.size-432 {
    width: var(--pc411)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  font-size: var(--pc8);
  border: solid var(--pc1) #867354
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr {
  background-color: #605139;
  height: var(--pc18);
  color: #eecf87
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th {
  font-weight: 400;
  border: solid var(--pc1) #867354;
  position: -webkit-sticky;
  position: sticky;
  top: var(---pc1);
  z-index: 1;
  background-color: #605139
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:first-child {
  width: var(--pc21)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:nth-child(2) {
  width: var(--pc41)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:nth-child(3) {
  width: var(--pc43)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:nth-child(4) {
  width: var(--pc132)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:nth-child(5) {
  width: var(--pc80)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:nth-child(6) {
  width: var(--pc180)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table thead tr th:nth-child(7) {
  width: var(--pc78)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td {
  border: solid var(--pc1) #867354;
  text-align: center;
  height: var(--pc18);
  line-height: var(--pc18);
  font-size: var(--pc8);
  color: #393026
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue {
  margin-left: var(--pc5)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pc8)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred:before {
  content: attr(data-game)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_307A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_308B,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_309C,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3014,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3025,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3036,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3047,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3058,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3069,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3104,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3115,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3126,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3137,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_307A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_308B,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_309C,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3014,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3025,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3036,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3047,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3058,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3069,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3104,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3115,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3126,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3137 {
  display: flex;
  align-items: center;
  justify-content: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_307A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_308B:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_309C:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3014:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3025:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3036:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3047:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3058:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3069:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3104:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3115:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3126:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_3137:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_307A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_308B:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_309C:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3014:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3025:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3036:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3047:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3058:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3069:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3104:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3115:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3126:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_3137:before {
  content: "\E1AA";
  width: var(--pc10);
  height: var(--pc10);
  font-size: var(--pc10);
  font-family: ig-icon-font!important;
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--pc1);
  padding-left: var(--pc1)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_406A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_407B,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_408C,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_409D,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4015,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4026,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4037,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4048,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4059,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4105,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4116,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4127,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4138,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_406A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_407B,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_408C,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_409D,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4015,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4026,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4037,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4048,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4059,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4105,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4116,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4127,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4138 {
  display: flex;
  align-items: center;
  justify-content: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_406A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_407B:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_408C:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_409D:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4015:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4026:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4037:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4048:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4059:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4105:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4116:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4127:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_4138:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_406A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_407B:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_408C:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_409D:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4015:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4026:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4037:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4048:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4059:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4105:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4116:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4127:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_4138:before {
  content: "\E1AB";
  width: var(--pc10);
  height: var(--pc10);
  font-size: var(--pc10);
  font-family: ig-icon-font!important;
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--pc1);
  padding-left: var(--pc1)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_208A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_209B,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2013,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2024,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2035,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2046,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2057,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2068,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2079,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2103,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2114,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2125,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2136,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_208A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_209B,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2013,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2024,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2035,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2046,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2057,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2068,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2079,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2103,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2114,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2125,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2136 {
  display: flex;
  align-items: center;
  justify-content: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_208A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_209B:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2013:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2024:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2035:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2046:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2057:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2068:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2079:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2103:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2114:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2125:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_2136:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_208A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_209B:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2013:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2024:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2035:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2046:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2057:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2068:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2079:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2103:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2114:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2125:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_2136:before {
  content: "\E1AC";
  width: var(--pc10);
  height: var(--pc10);
  font-size: var(--pc10);
  font-family: ig-icon-font!important;
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--pc1);
  padding-left: var(--pc1)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_109A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1012,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1023,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1034,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1045,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1056,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1067,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1078,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1089,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1102,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1113,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1124,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1135,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_109A,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1012,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1023,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1034,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1045,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1056,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1067,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1078,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1089,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1102,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1113,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1124,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1135 {
  display: flex;
  align-items: center;
  justify-content: center
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_109A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1012:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1023:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1034:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1045:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1056:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1067:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1078:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1089:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1102:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1113:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1124:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handblue .p_1135:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_109A:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1012:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1023:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1034:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1045:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1056:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1067:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1078:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1089:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1102:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1113:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1124:before,.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(6) .td-content .handred .p_1135:before {
  content: "\E1AD";
  width: var(--pc10);
  height: var(--pc10);
  font-size: var(--pc10);
  font-family: ig-icon-font!important;
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--pc1);
  padding-left: var(--pc1)
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(7) {
  color: red
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .mask .table tbody tr td:nth-child(7).win {
  color: green
}

.rule-msg-box-root .rule-msg-box-wrap .msgbox-body-wrap .content-wrap .footer {
  height: var(--pc30);
  width: 100%;
  background-color: #534631;
  display: flex;
  justify-content: center;
  align-items: center
}




.pagination-root {
    color: var(--white);
    display: flex;
    font-size: var(--pc10);
    align-items: center
}

.pagination-root .pagination-wrap {
    background-color: var(--white);
    height: var(--pc18);
    margin: 0 var(--pc10);
    display: flex;
    flex-direction: row;
    align-items: center;
    border: solid var(--pc1) #ccc
}

.pagination-root .pagination-wrap .arrow-left,.pagination-root .pagination-wrap .arrow-right {
    width: var(--pc18);
    height: var(--pc18);
    padding: 0 var(--pc4)
}

.pagination-root .pagination-wrap .arrow-left {
    transform: rotate(90deg)
}

.pagination-root .pagination-wrap .arrow-right {
    transform: rotate(-90deg)
}

.pagination-root .pagination-wrap .btn-page {
    display: flex;
    color: var(--black);
    width: var(--pc18);
    height: var(--pc18);
    justify-content: center;
    align-items: center
}

.pagination-root .pagination-wrap .btn-page.active {
    color: var(--blue);
    font-weight: 700
}

.pagination-root .pagination-wrap>div {
    border-right: solid var(--pc1) #ccc
}

.pagination-root .pagination-wrap>div:nth-child(2) {
    border-left: solid var(--pc1) #ccc
}

.pagination-root input {
    margin: 0 var(--pc10);
    padding: var(--pc3);
    width: var(--pc25);
    font-size: var(--pc10)
}



.message-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.message-msg-box-root .message-msg-box-wrap {
    width: var(--pc311);
    height: var(--pc225);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #534631;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap p {
    font-size: var(--pc14);
    color: rgba(255,228,166,.6);
    padding: var(--pc21);
    letter-spacing: var(--pc1)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc35)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-cancel,.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-confirm {
    width: var(--pc150);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.tip-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.tip-msg-box-root .tip-msg-box-wrap {
    width: var(--pc284);
    height: var(--pc207);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.tip-msg-box-root .tip-msg-box-wrap .tip-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.tip-msg-box-root .tip-msg-box-wrap .tip-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.tip-msg-box-root .tip-msg-box-wrap .tip-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.tip-msg-box-root .tip-msg-box-wrap .tip-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.tip-msg-box-root .tip-msg-box-wrap .tip-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #393026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3);
    padding: var(--pc4)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group {
    margin-top: var(--pc16);
    width: 85%;
    display: flex;
    align-items: center
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field {
    box-sizing: border-box;
    width: 100%;
    height: var(--pc28);
    display: flex;
    font-size: var(--pc9);
    background-color: rgba(0,0,0,.2);
    border-radius: var(--pc3);
    border: solid var(--pc1) #eecf96;
    color: #e0d77f;
    align-items: center;
    position: relative
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input {
    all: unset;
    flex-grow: 1;
    width: 0;
    height: 100%;
    background-color: transparent;
    font-size: var(--pc9);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input::-moz-placeholder {
    color: rgba(224,215,127,.4)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input:-ms-input-placeholder {
    color: rgba(224,215,127,.4)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field input::placeholder {
    color: rgba(224,215,127,.4)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .input-capcha-group .input-field .icon {
    width: var(--pc35);
    height: var(--pc15)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc28);
    font-size: var(--pc9);
    margin-top: var(--pc40)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel,.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    width: var(--pc78);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.tip-msg-box-root .tip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.tip-concent-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap {
    width: var(--pc284);
    height: var(--pc207);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #393026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3);
    padding: var(--pc4)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .input-capcha-group {
    margin-top: var(--pc16);
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .input-capcha-group p {
    font-size: var(--pc14);
    color: rgba(255,228,166,.6);
    letter-spacing: var(--pc1);
    text-align: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc28);
    font-size: var(--pc9);
    margin-top: var(--pc40)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel,.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    width: var(--pc78);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.confirm-cancel-vip-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap {
    width: var(--pc284);
    height: var(--pc207);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .confirm-cancel-vip-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .confirm-cancel-vip-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .confirm-cancel-vip-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .confirm-cancel-vip-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .confirm-cancel-vip-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #393026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3);
    padding: var(--pc4)
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .input-capcha-group {
    margin-top: var(--pc16);
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .input-capcha-group p {
    font-size: var(--pc14);
    color: rgba(255,228,166,.6);
    letter-spacing: var(--pc1);
    text-align: center
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc28);
    font-size: var(--pc9);
    margin-top: var(--pc40)
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel,.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    width: var(--pc78);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.confirm-cancel-vip-msg-box-root .confirm-cancel-vip-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}

.tip-concent-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap {
    width: var(--pc284);
    height: var(--pc207);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .tip-concent-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #393026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3);
    padding: var(--pc4)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control {
    font-size: var(--pc9);
    color: #ddc28c;
    display: flex;
    align-items: center
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control:nth-child(2) {
    margin-top: var(--pc18)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .label {
    margin-left: var(--pc10);
    width: 10em;
    text-align: left;
    font-size: var(--pc10)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .switch {
    width: 4.5em;
    background-color: #838383;
    height: 2em;
    border-radius: 2em;
    border: solid var(--pc1) #2a5079;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #231d0d;
    transition: all .3s ease-out
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .switch .on {
    padding-left: var(--pc6);
    text-align: left;
    font-size: .9em
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .switch .off {
    text-align: right;
    padding-right: var(--pc6);
    font-size: .9em
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .switch .indicator {
    position: absolute;
    width: 1.7em;
    height: 1.7em;
    background-color: #edf0f3;
    left: .15em;
    right: auto;
    border-radius: 100%;
    box-shadow: 0 0 var(--pc2) #a9a9a9;
    transition: all .3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #392811;
    font-size: var(--pc8)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .switch.ison {
    background-color: #17a53a;
    color: #ddc28c
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .d-control .switch.ison .indicator {
    background-color: #edf0f3;
    right: .15em;
    left: auto;
    border-radius: 100%;
    box-shadow: 0 0 var(--pc2) #17a53a
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc28);
    font-size: var(--pc9);
    margin-top: var(--pc40)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel,.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    width: var(--pc78);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.tip-concent-msg-box-root .tip-concent-msg-box-wrap .msgbox-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}



.message-msg-box-root {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.message-msg-box-root .message-msg-box-wrap {
    width: var(--pc311);
    height: var(--pc225);
    background-image: linear-gradient(180deg,#a6966c,#483b1f);
    border-radius: var(--pc3);
    display: flex;
    flex-direction: column
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap {
    height: var(--pc35);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 0 var(--pc1) 0;
    border-style: solid;
    border-image-source: var(--msg-box-border-line);
    border-image-slice: 1
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .title {
    color: #392811;
    font-size: var(--pc18);
    min-width: var(--pc65);
    padding-left: var(--pc10);
    padding-right: var(--px10)
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .close-btn {
    position: absolute;
    right: var(--pc8);
    top: 0;
    cursor: pointer;
    color: #392811;
    width: var(--pc33);
    height: var(--pc31);
    display: flex;
    justify-content: center;
    align-items: center
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .close-btn:before {
    content: "\E024";
    font-family: ig-icon-font;
    font-size: var(--pc16)
}

.message-msg-box-root .message-msg-box-wrap .message-msgbox-title-wrap .bar-line {
    position: absolute;
    top: var(--pc34);
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    border-width: 0 0 var(--pc1) 0;
    border-image-source: var(--msg-bos-bar-line-color);
    border-image-slice: 1;
    border-style: solid;
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap {
    flex-grow: 1;
    height: 0;
    width: calc(100% - var(--pc6));
    margin: var(--pc3);
    background-color: #534631;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap p {
    font-size: var(--pc14);
    color: rgba(255,228,166,.6);
    padding: var(--pc21);
    letter-spacing: var(--pc1);
    text-align: center
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: var(--pc35)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-cancel,.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-confirm {
    width: var(--pc150);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--pc3)
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-confirm {
    background-image: linear-gradient(180deg,#dfc482,#9f8142);
    box-shadow: var(--pc1) var(--pc1) var(--pc3) 0 rgba(0,0,0,.5);
    letter-spacing: var(--pc1);
    color: #493212
}

.message-msg-box-root .message-msg-box-wrap .message-body-wrap .btn-group .btn-cancel {
    margin-left: var(--pc15);
    letter-spacing: var(--pc1);
    color: #392811;
    background-image: linear-gradient(180deg,#c6b383,#726248)
}



#app {
    width: 100%;
    height: 100%;
}

.app-root {
    position: relative;
    width: 100%!important;
    height: 100%!important;
    z-index: 1;
    background-color: var(--black);
    overflow: auto;
}

.app-root .main-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 56.25vw;
  width: 100vw;
  max-height: 100vh;
  max-width: 177.78vh;
  background-image: url(/assets/d-bg-DBCGz5b4.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.app-root.mobile .main-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    height: var(--h);
    width: var(--w);
    max-height: 100vh;
    max-width: 177.78vh;
    background-image: url(/assets/d-bg-DBCGz5b4.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.app-root.mobile.portrait .main-container {
  margin: auto;
}

.app-root .toast-message-wrap {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.app-root.mobile.landscape .toast-message-wrap {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  pointer-events: none;
  width: var(--w);
  height: var(--h);
  z-index: 1000;
}

.app-root .toast-message-wrap p {
    min-width: var(--pc100);
    background: #000;
    padding: var(--pc10);
    border-radius: var(--pc20);
    font-size: var(--pc13);
    text-align: center
}

.app-root .dialog-bg {
    top: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
}

.app-root .dialog-bg,.app-root .portrait-cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.app-root .portrait-cover {
    display: none;
    right: auto;
    top: auto;
    z-index: 999999999999
}

/* @media (orientation: landscape) {
    #app {
        width:100vw;
        height: 100vh;
        overflow: hidden
    }
} */

/* @media (orientation: portrait) {
    .app-root.mobile {
        width:var(--mp375);
        height: var(--mp667)
    }

    .app-root.mobile .portrait-cover {
        width: 100%;
        height: 100%;
        background-image: url(../assets/imgs/mbg.jpg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .app-root.mobile .portrait-cover .icon-rotate:before {
        content: "\E085";
        font-family: ig-icon-font;
        font-size: var(--mp82)
    }

    .app-root.mobile .portrait-cover .p-label {
        font-size: var(--mp20);
        text-align: center;
        white-space: nowrap
    }
} */

/* .app-root.mobile.portrait {
  width:var(--mp375);
  height: var(--mp667)
} */

.app-root.mobile.portrait .portrait-cover {
  width: 100%;
  height: 100%;
  background-image: url(/assets/mbg-CL9yzyOD.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.app-root.mobile.portrait .portrait-cover .icon-rotate:before {
  content: "\E085";
  font-family: ig-icon-font;
  font-size: var(--mp82)
}

.app-root.mobile.portrait .portrait-cover .p-label {
  font-size: var(--mp20);
  text-align: center;
  white-space: nowrap
}

@font-face {
    font-family: ig-icon-font;
    src: url(/assets/ig-icon-font-CBp1IL4r.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    content: attr(data-icon)
}

[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before {
    font-family: ig-icon-font!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-back-n:before {
    content: "\e000"
}

.icon-bell:before {
    content: "\e001"
}

.icon-chrome:before {
    content: "\e002"
}

.icon-exit-n:before {
    content: "\e003"
}

.icon-menu-n:before {
    content: "\e004"
}

.icon-togle-n:before {
    content: "\e005"
}

.icon-user-n:before {
    content: "\e006"
}

.icon-wifi:before {
    content: "\e007"
}

.icon-b3:before {
    content: "\e008"
}

.icon-b1:before {
    content: "\e009"
}

.icon-b2:before {
    content: "\e00a"
}

.icon-lobby-user-icon:before {
    content: "\e00b"
}

.icon-lobby-balance-icon:before {
    content: "\e00c"
}

.icon-lobby-settingbtn-icon:before {
    content: "\e00d"
}

.icon-gold:before {
    content: "\e00e"
}

.icon-game-homebtn-icon:before {
    content: "\e00f"
}

.icon-dialog-history-calendar-arrow-icon:before {
    content: "\e010"
}

.icon-game-video-icon:before {
    content: "\e011"
}

.icon-game-videoc-icon:before {
    content: "\e012"
}

.icon-game-sound-icon:before {
    content: "\e013"
}

.icon-game-soundc-icon:before {
    content: "\e014"
}

.icon-setting-logout-icon:before {
    content: "\e015"
}

.icon-setting-pwdchange-icon:before {
    content: "\e016"
}

.icon-setting-gamerule-icon:before {
    content: "\e017"
}

.icon-setting-bethistory-icon:before {
    content: "\e018"
}

.icon-setting-service-icon:before {
    content: "\e019"
}

.icon-game-cancelbet-icon:before {
    content: "\e01a"
}

.icon-game-confirmbet-icon:before {
    content: "\e01b"
}

.icon-g-video-set:before {
    content: "\e01c"
}

.icon-zooms:before {
    content: "\e01d"
}

.icon-zoomb:before {
    content: "\e01e"
}

.icon-login-password-icon:before {
    content: "\e01f"
}

.icon-login-user-icon:before {
    content: "\e020"
}

.icon-dialog-radiobutton-selected:before {
    content: "\e021"
}

.icon-dialog-radiobutton-unselected:before {
    content: "\e022"
}

.icon-record:before {
    content: "\e023"
}

.icon-:before {
    content: "\e024"
}

.icon-f2:before {
    content: "\e026"
}

.icon-f2-1:before {
    content: "\e025"
}

.icon-f2-2:before {
    content: "\e027"
}

.icon-f2-3:before {
    content: "\e028"
}

.icon-f2-4:before {
    content: "\e029"
}

.icon-f2-5:before {
    content: "\e02a"
}

.icon-f2-6:before {
    content: "\e02b"
}

.icon-f2-7:before {
    content: "\e02c"
}

.icon-f2-8:before {
    content: "\e02d"
}

.icon-f2-9:before {
    content: "\e02e"
}

.icon-f2-10:before {
    content: "\e02f"
}

.icon-f2-11:before {
    content: "\e030"
}

.icon-f2-12:before {
    content: "\e031"
}

.icon-f2-13:before {
    content: "\e032"
}

.icon-f2-14:before {
    content: "\e033"
}

.icon-f2-15:before {
    content: "\e034"
}

.icon-addto:before {
    content: "\e036"
}

.icon-f2-17:before {
    content: "\e037"
}

.icon-f2-18:before {
    content: "\e038"
}

.icon-f2-19:before {
    content: "\e039"
}

.icon-f2-20:before {
    content: "\e03a"
}

.icon-f2-21:before {
    content: "\e03b"
}

.icon-f2-22:before {
    content: "\e03c"
}

.icon-f2-23:before {
    content: "\e03d"
}

.icon-f2-24:before {
    content: "\e03e"
}

.icon-f2-25:before {
    content: "\e03f"
}

.icon-f2-26:before {
    content: "\e040"
}

.icon-f2-27:before {
    content: "\e041"
}

.icon-f2-28:before {
    content: "\e042"
}

.icon-f2-29:before {
    content: "\e043"
}

.icon-f2-30:before {
    content: "\e044"
}

.icon-f2-31:before {
    content: "\e045"
}

.icon-f2-32:before {
    content: "\e046"
}

.icon-f2-33:before {
    content: "\e047"
}

.icon-f2-34:before {
    content: "\e048"
}

.icon-f2-35:before {
    content: "\e049"
}

.icon-f2-36:before {
    content: "\e04a"
}

.icon-f2-37:before {
    content: "\e04b"
}

.icon-f2-38:before {
    content: "\e04c"
}

.icon-f2-39:before {
    content: "\e04d"
}

.icon-f2-40:before {
    content: "\e04e"
}

.icon-f2-41:before {
    content: "\e04f"
}

.icon-f2-42:before {
    content: "\e050"
}

.icon-f2-43:before {
    content: "\e051"
}

.icon-f2-44:before {
    content: "\e052"
}

.icon-f2-45:before {
    content: "\e053"
}

.icon-f2-46:before {
    content: "\e054"
}

.icon-f2-47:before {
    content: "\e055"
}

.icon-f2-48:before {
    content: "\e056"
}

.icon-f2-49:before {
    content: "\e057"
}

.icon-f2-50:before {
    content: "\e058"
}

.icon-f2-51:before {
    content: "\e059"
}

.icon-f2-52:before {
    content: "\e05a"
}

.icon-f2-53:before {
    content: "\e05b"
}

.icon-f2-54:before {
    content: "\e05c"
}

.icon-f2-55:before {
    content: "\e05d"
}

.icon-f2-56:before {
    content: "\e05e"
}

.icon-f2-57:before {
    content: "\e05f"
}

.icon-f2-58:before {
    content: "\e060"
}

.icon-f2-59:before {
    content: "\e061"
}

.icon-f2-60:before {
    content: "\e062"
}

.icon-f2-61:before {
    content: "\e063"
}

.icon-f2-62:before {
    content: "\e064"
}

.icon-f2-63:before {
    content: "\e065"
}

.icon-f2-64:before {
    content: "\e066"
}

.icon-f2-65:before {
    content: "\e067"
}

.icon-f2-66:before {
    content: "\e068"
}

.icon-f2-67:before {
    content: "\e069"
}

.icon-f2-68:before {
    content: "\e06a"
}

.icon-f2-69:before {
    content: "\e06b"
}

.icon-f2-70:before {
    content: "\e06c"
}

.icon-f2-71:before {
    content: "\e06d"
}

.icon-f2-72:before {
    content: "\e06e"
}

.icon-f2-73:before {
    content: "\e06f"
}

.icon-f2-74:before {
    content: "\e070"
}

.icon-f2-75:before {
    content: "\e071"
}

.icon-f2-76:before {
    content: "\e072"
}

.icon-f2-77:before {
    content: "\e073"
}

.icon-f2-78:before {
    content: "\e074"
}

.icon-f2-79:before {
    content: "\e075"
}

.icon-f2-80:before {
    content: "\e076"
}

.icon-f2-81:before {
    content: "\e077"
}

.icon-f2-82:before {
    content: "\e078"
}

.icon-f2-83:before {
    content: "\e079"
}

.icon-f2-84:before {
    content: "\e07a"
}

.icon-f2-85:before {
    content: "\e07b"
}

.icon-f2-86:before {
    content: "\e07c"
}

.icon-f2-87:before {
    content: "\e07d"
}

.icon-f2-88:before {
    content: "\e07e"
}

.icon-f2-89:before {
    content: "\e07f"
}

.icon-f2-90:before {
    content: "\e080"
}

.icon-f2-91:before {
    content: "\e081"
}

.icon-f2-92:before {
    content: "\e082"
}

.icon-f2-93:before {
    content: "\e083"
}

.icon-f2-94:before {
    content: "\e084"
}

.icon-f2-95:before {
    content: "\e085"
}

.icon-f2-96:before {
    content: "\e086"
}

.icon-f2-97:before {
    content: "\e087"
}

.icon-f2-98:before {
    content: "\e088"
}

.icon-f2-99:before {
    content: "\e089"
}

.icon-f2-100:before {
    content: "\e08a"
}

.icon-f2-101:before {
    content: "\e08b"
}

.icon-f2-102:before {
    content: "\e08c"
}

.icon-f2-103:before {
    content: "\e08d"
}

.icon-f2-104:before {
    content: "\e08e"
}

.icon-f2-105:before {
    content: "\e08f"
}

.icon-f2-106:before {
    content: "\e090"
}

.icon-f2-107:before {
    content: "\e091"
}

.icon-f2-108:before {
    content: "\e092"
}

.icon-f2-109:before {
    content: "\e093"
}

.icon-f2-110:before {
    content: "\e094"
}

.icon-f2-111:before {
    content: "\e095"
}

.icon-f2-112:before {
    content: "\e096"
}

.icon-f2-113:before {
    content: "\e097"
}

.icon-f2-114:before {
    content: "\e098"
}

.icon-f2-115:before {
    content: "\e099"
}

.icon-f2-116:before {
    content: "\e09a"
}

.icon-f2-117:before {
    content: "\e09b"
}

.icon-f2-118:before {
    content: "\e09c"
}

.icon-f2-119:before {
    content: "\e09d"
}

.icon-f2-120:before {
    content: "\e09e"
}

.icon-f2-121:before {
    content: "\e09f"
}

.icon-f2-122:before {
    content: "\e0a0"
}

.icon-f2-123:before {
    content: "\e0a1"
}

.icon-f2-124:before {
    content: "\e0a2"
}

.icon-f2-125:before {
    content: "\e0a3"
}

.icon-f2-126:before {
    content: "\e0a4"
}

.icon-f2-127:before {
    content: "\e0a5"
}

.icon-f2-128:before {
    content: "\e0a6"
}

.icon-f2-129:before {
    content: "\e0a7"
}

.icon-f2-130:before {
    content: "\e0a8"
}

.icon-f2-131:before {
    content: "\e0a9"
}

.icon-f2-132:before {
    content: "\e0aa"
}

.icon-f2-133:before {
    content: "\e0ab"
}

.icon-f2-134:before {
    content: "\e0ac"
}

.icon-f2-135:before {
    content: "\e0ad"
}

.icon-f2-136:before {
    content: "\e0ae"
}

.icon-f2-137:before {
    content: "\e0af"
}

.icon-f2-138:before {
    content: "\e0b0"
}

.icon-f2-139:before {
    content: "\e0b1"
}

.icon-f2-140:before {
    content: "\e0b2"
}

.icon-f2-141:before {
    content: "\e0b3"
}

.icon-f2-142:before {
    content: "\e0b4"
}

.icon-f2-143:before {
    content: "\e0b5"
}

.icon-f2-144:before {
    content: "\e0b6"
}

.icon-f2-145:before {
    content: "\e0b7"
}

.icon-f2-146:before {
    content: "\e0b8"
}

.icon-f2-147:before {
    content: "\e0b9"
}

.icon-f2-148:before {
    content: "\e0ba"
}

.icon-f2-149:before {
    content: "\e0bb"
}

.icon-f2-150:before {
    content: "\e0bc"
}

.icon-f2-151:before {
    content: "\e0bd"
}

.icon-f2-152:before {
    content: "\e0be"
}

.icon-f2-153:before {
    content: "\e0bf"
}

.icon-f2-154:before {
    content: "\e0c0"
}

.icon-f2-155:before {
    content: "\e0c1"
}

.icon-f2-156:before {
    content: "\e0c2"
}

.icon-f2-157:before {
    content: "\e0c3"
}

.icon-f2-158:before {
    content: "\e0c4"
}

.icon-f2-159:before {
    content: "\e0c5"
}

.icon-f2-160:before {
    content: "\e0c6"
}

.icon-f2-161:before {
    content: "\e0c7"
}

.icon-f2-162:before {
    content: "\e0c8"
}

.icon-f2-163:before {
    content: "\e0c9"
}

.icon-f2-164:before {
    content: "\e0ca"
}

.icon-f2-165:before {
    content: "\e0cb"
}

.icon-f2-166:before {
    content: "\e0cc"
}

.icon-f2-167:before {
    content: "\e0cd"
}

.icon-f2-168:before {
    content: "\e0ce"
}

.icon-f2-169:before {
    content: "\e0cf"
}

.icon-f2-170:before {
    content: "\e0d0"
}

.icon-f2-171:before {
    content: "\e0d1"
}

.icon-f2-172:before {
    content: "\e0d2"
}

.icon-f2-173:before {
    content: "\e0d3"
}

.icon-f2-174:before {
    content: "\e0d4"
}

.icon-f2-175:before {
    content: "\e0d5"
}

.icon-f2-176:before {
    content: "\e0d6"
}

.icon-f2-177:before {
    content: "\e0d7"
}

.icon-f2-178:before {
    content: "\e0d8"
}

.icon-f2-179:before {
    content: "\e0d9"
}

.icon-f2-180:before {
    content: "\e0da"
}

.icon-f2-181:before {
    content: "\e0db"
}

.icon-f2-182:before {
    content: "\e0dc"
}

.icon-f2-183:before {
    content: "\e0dd"
}

.icon-f2-184:before {
    content: "\e0de"
}

.icon-f2-185:before {
    content: "\e0df"
}

.icon-f2-186:before {
    content: "\e0e0"
}

.icon-f2-187:before {
    content: "\e0e1"
}

.icon-f2-188:before {
    content: "\e0e2"
}

.icon-f2-189:before {
    content: "\e0e3"
}

.icon-f2-190:before {
    content: "\e0e4"
}

.icon-f2-191:before {
    content: "\e0e5"
}

.icon-f2-192:before {
    content: "\e0e6"
}

.icon-f2-193:before {
    content: "\e0e7"
}

.icon-f2-194:before {
    content: "\e0e8"
}

.icon-f2-195:before {
    content: "\e0e9"
}

.icon-f2-196:before {
    content: "\e0ea"
}

.icon-f2-197:before {
    content: "\e0eb"
}

.icon-f2-198:before {
    content: "\e0ec"
}

.icon-f2-199:before {
    content: "\e0ed"
}

.icon-f2-200:before {
    content: "\e0ee"
}

.icon-f2-201:before {
    content: "\e0ef"
}

.icon-f2-202:before {
    content: "\e0f0"
}

.icon-f2-203:before {
    content: "\e0f1"
}

.icon-f2-204:before {
    content: "\e0f2"
}

.icon-f2-205:before {
    content: "\e0f3"
}

.icon-f2-206:before {
    content: "\e0f4"
}

.icon-f2-207:before {
    content: "\e0f5"
}

.icon-f2-208:before {
    content: "\e0f6"
}

.icon-f2-209:before {
    content: "\e0f7"
}

.icon-f2-210:before {
    content: "\e0f8"
}

.icon-f2-211:before {
    content: "\e0f9"
}

.icon-f2-212:before {
    content: "\e0fa"
}

.icon-f2-213:before {
    content: "\e0fb"
}

.icon-f2-214:before {
    content: "\e0fc"
}

.icon-f2-215:before {
    content: "\e0fd"
}

.icon-f2-216:before {
    content: "\e0fe"
}

.icon-f2-217:before {
    content: "\e0ff"
}

.icon-f2-218:before {
    content: "\e100"
}

.icon-f2-219:before {
    content: "\e101"
}

.icon-f2-220:before {
    content: "\e102"
}

.icon-f2-221:before {
    content: "\e103"
}

.icon-f2-222:before {
    content: "\e104"
}

.icon-f2-223:before {
    content: "\e105"
}

.icon-f2-224:before {
    content: "\e106"
}

.icon-f2-225:before {
    content: "\e107"
}

.icon-f2-226:before {
    content: "\e108"
}

.icon-f2-227:before {
    content: "\e109"
}

.icon-f2-228:before {
    content: "\e10a"
}

.icon-f2-229:before {
    content: "\e10b"
}

.icon-f2-230:before {
    content: "\e10c"
}

.icon-f2-231:before {
    content: "\e10d"
}

.icon-f2-232:before {
    content: "\e10e"
}

.icon-f2-233:before {
    content: "\e10f"
}

.icon-f2-234:before {
    content: "\e110"
}

.icon-f2-235:before {
    content: "\e111"
}

.icon-f2-236:before {
    content: "\e112"
}

.icon-f2-237:before {
    content: "\e113"
}

.icon-f2-238:before {
    content: "\e114"
}

.icon-f2-239:before {
    content: "\e115"
}

.icon-f2-240:before {
    content: "\e116"
}

.icon-f2-241:before {
    content: "\e117"
}

.icon-f2-242:before {
    content: "\e118"
}

.icon-f2-243:before {
    content: "\e119"
}

.icon-f2-244:before {
    content: "\e11a"
}

.icon-f2-245:before {
    content: "\e11b"
}

.icon-f2-246:before {
    content: "\e11c"
}

.icon-f2-247:before {
    content: "\e11d"
}

.icon-f2-248:before {
    content: "\e11e"
}

.icon-f2-249:before {
    content: "\e11f"
}

.icon-f2-250:before {
    content: "\e120"
}

.icon-f2-251:before {
    content: "\e121"
}

.icon-f2-252:before {
    content: "\e122"
}

.icon-f2-253:before {
    content: "\e123"
}

.icon-f2-254:before {
    content: "\e124"
}

.icon-f2-255:before {
    content: "\e125"
}

.icon-f2-256:before {
    content: "\e126"
}

.icon-f2-257:before {
    content: "\e127"
}

.icon-f2-258:before {
    content: "\e128"
}

.icon-f2-259:before {
    content: "\e129"
}

.icon-f2-260:before {
    content: "\e12a"
}

.icon-f2-261:before {
    content: "\e12b"
}

.icon-f2-262:before {
    content: "\e12c"
}

.icon-f2-263:before {
    content: "\e12d"
}

.icon-f2-264:before {
    content: "\e12e"
}

.icon-f2-265:before {
    content: "\e12f"
}

.icon-f2-266:before {
    content: "\e130"
}

.icon-f2-267:before {
    content: "\e131"
}

.icon-f2-268:before {
    content: "\e132"
}

.icon-f2-269:before {
    content: "\e133"
}

.icon-f2-270:before {
    content: "\e134"
}

.icon-f2-271:before {
    content: "\e135"
}

.icon-f2-272:before {
    content: "\e136"
}

.icon-f2-273:before {
    content: "\e137"
}

.icon-f2-274:before {
    content: "\e138"
}

.icon-f2-275:before {
    content: "\e139"
}

.icon-f2-276:before {
    content: "\e13a"
}

.icon-f2-277:before {
    content: "\e13b"
}

.icon-f2-278:before {
    content: "\e13c"
}

.icon-f2-279:before {
    content: "\e13d"
}

.icon-f2-280:before {
    content: "\e13e"
}

.icon-f2-281:before {
    content: "\e13f"
}

.icon-f2-282:before {
    content: "\e140"
}

.icon-f2-283:before {
    content: "\e141"
}

.icon-f2-284:before {
    content: "\e142"
}

.icon-f2-285:before {
    content: "\e143"
}

.icon-f2-286:before {
    content: "\e144"
}

.icon-f2-287:before {
    content: "\e145"
}

.icon-f2-288:before {
    content: "\e146"
}

.icon-f2-289:before {
    content: "\e147"
}

.icon-f2-290:before {
    content: "\e148"
}

.icon-f2-291:before {
    content: "\e149"
}

.icon-f2-16:before {
    content: "\e035"
}

.icon-f2-292:before {
    content: "\e14a"
}

.icon-f2-293:before {
    content: "\e14b"
}

.icon-f2-294:before {
    content: "\e14c"
}

.icon-f2-295:before {
    content: "\e14d"
}

.icon-f2-296:before {
    content: "\e14e"
}

.icon-f2-297:before {
    content: "\e14f"
}

.icon-f2-298:before {
    content: "\e150"
}

.icon-f2-299:before {
    content: "\e151"
}

.icon-f2-300:before {
    content: "\e152"
}

.icon-f2-301:before {
    content: "\e153"
}

.icon-f2-302:before {
    content: "\e154"
}

.icon-f2-303:before {
    content: "\e155"
}

.icon-f2-304:before {
    content: "\e156"
}

.icon-f2-305:before {
    content: "\e157"
}

.icon-f2-306:before {
    content: "\e158"
}

.icon-f2-307:before {
    content: "\e159"
}

.icon-f2-308:before {
    content: "\e15a"
}

.icon-f2-309:before {
    content: "\e15b"
}

.icon-f2-310:before {
    content: "\e15c"
}

.icon-f2-311:before {
    content: "\e15d"
}

.icon-f2-312:before {
    content: "\e15e"
}

.icon-f2-313:before {
    content: "\e15f"
}

.icon-f2-314:before {
    content: "\e160"
}

.icon-f2-315:before {
    content: "\e161"
}

.icon-f2-316:before {
    content: "\e162"
}

.icon-f2-317:before {
    content: "\e163"
}

.icon-f2-318:before {
    content: "\e164"
}

.icon-f2-319:before {
    content: "\e165"
}

.icon-f2-320:before {
    content: "\e166"
}

.icon-f2-321:before {
    content: "\e167"
}

.icon-f2-322:before {
    content: "\e168"
}

.icon-f2-323:before {
    content: "\e169"
}

.icon-f2-324:before {
    content: "\e16a"
}

.icon-f2-325:before {
    content: "\e16b"
}

.icon-f2-326:before {
    content: "\e16c"
}

.icon-f2-327:before {
    content: "\e16d"
}

.icon-f2-328:before {
    content: "\e16e"
}

.icon-f2-329:before {
    content: "\e16f"
}

.icon-f2-330:before {
    content: "\e170"
}

.icon-f2-331:before {
    content: "\e171"
}

.icon-f2-332:before {
    content: "\e172"
}

.icon-f2-333:before {
    content: "\e173"
}

.icon-f2-334:before {
    content: "\e174"
}

.icon-f2-335:before {
    content: "\e175"
}

.icon-f2-336:before {
    content: "\e176"
}

.icon-f2-337:before {
    content: "\e177"
}

.icon-f2-338:before {
    content: "\e178"
}

.icon-f2-339:before {
    content: "\e179"
}

.icon-f2-340:before {
    content: "\e17a"
}

.icon-f2-341:before {
    content: "\e17b"
}

.icon-f2-342:before {
    content: "\e17c"
}

.icon-f2-343:before {
    content: "\e17d"
}

.icon-f2-344:before {
    content: "\e17e"
}

.icon-f2-345:before {
    content: "\e17f"
}

.icon-f2-346:before {
    content: "\e180"
}

.icon-f2-347:before {
    content: "\e181"
}

.icon-f2-348:before {
    content: "\e182"
}

.icon-f2-349:before {
    content: "\e183"
}

.icon-f2-350:before {
    content: "\e184"
}

.icon-f2-351:before {
    content: "\e185"
}

.icon-f2-352:before {
    content: "\e186"
}

.icon-f2-353:before {
    content: "\e187"
}

.icon-f2-354:before {
    content: "\e188"
}

.icon-f2-355:before {
    content: "\e189"
}

.icon-f2-356:before {
    content: "\e18a"
}

.icon-f2-357:before {
    content: "\e18b"
}

.icon-f2-358:before {
    content: "\e18c"
}

.icon-f2-359:before {
    content: "\e18d"
}

.icon-f2-360:before {
    content: "\e18e"
}

.icon-f2-361:before {
    content: "\e18f"
}

.icon-f2-362:before {
    content: "\e190"
}

.icon-f2-363:before {
    content: "\e191"
}

.icon-f2-364:before {
    content: "\e192"
}

.icon-f2-365:before {
    content: "\e193"
}

.icon-f2-366:before {
    content: "\e194"
}

.icon-f2-367:before {
    content: "\e195"
}

.icon-f2-368:before {
    content: "\e196"
}

.icon-f2-369:before {
    content: "\e197"
}

.icon-f2-370:before {
    content: "\e198"
}

.icon-f2-371:before {
    content: "\e199"
}

.icon-f2-372:before {
    content: "\e19a"
}

.icon-f2-373:before {
    content: "\e19b"
}

.icon-f2-374:before {
    content: "\e19c"
}

.icon-f2-375:before {
    content: "\e19d"
}

.icon-f2-376:before {
    content: "\e19e"
}

.icon-f2-377:before {
    content: "\e19f"
}

.icon-f2-378:before {
    content: "\e1a0"
}

.icon-f2-379:before {
    content: "\e1a1"
}

.icon-f2-380:before {
    content: "\e1a2"
}

.icon-f2-381:before {
    content: "\e1a3"
}

.icon-f2-382:before {
    content: "\e1a4"
}

.icon-f2-383:before {
    content: "\e1a5"
}

.icon-f2-384:before {
    content: "\e1a6"
}

.icon-geniecalling:before {
    content: "\e1a7"
}

.icon-home:before {
    content: "\e1a8"
}

.icon-icon-test:before {
    content: "\e1a9"
}

:root {
    --wr: 0px;
    --hr: 0px;
    --pc1: 0.04883125rem;
    --pc2: 0.0976625rem;
    --pc3: 0.14649375rem;
    --pc4: 0.195325rem;
    --pc5: 0.24415625rem;
    --pc6: 0.2929875rem;
    --pc7: 0.34181875rem;
    --pc8: 0.39065rem;
    --pc9: 0.43948125rem;
    --pc10: 0.4883125rem;
    --pc11: 0.53714375rem;
    --pc12: 0.585975rem;
    --pc13: 0.63480625rem;
    --pc14: 0.6836375rem;
    --pc15: 0.73246875rem;
    --pc16: 0.7813rem;
    --pc17: 0.83013125rem;
    --pc18: 0.8789625rem;
    --pc19: 0.92779375rem;
    --pc20: 0.976625rem;
    --pc21: 1.02545625rem;
    --pc22: 1.0742875rem;
    --pc23: 1.12311875rem;
    --pc24: 1.17195rem;
    --pc25: 1.22078125rem;
    --pc26: 1.2696125rem;
    --pc27: 1.31844375rem;
    --pc28: 1.367275rem;
    --pc29: 1.41610625rem;
    --pc30: 1.4649375rem;
    --pc31: 1.5137687499999999rem;
    --pc32: 1.5626rem;
    --pc33: 1.61143125rem;
    --pc34: 1.6602625rem;
    --pc35: 1.70909375rem;
    --pc36: 1.757925rem;
    --pc37: 1.80675625rem;
    --pc38: 1.8555875rem;
    --pc39: 1.90441875rem;
    --pc40: 1.95325rem;
    --pc41: 2.00208125rem;
    --pc42: 2.0509125rem;
    --pc43: 2.09974375rem;
    --pc44: 2.148575rem;
    --pc45: 2.19740625rem;
    --pc46: 2.2462375rem;
    --pc47: 2.29506875rem;
    --pc48: 2.3439rem;
    --pc49: 2.39273125rem;
    --pc50: 2.4415625rem;
    --pc51: 2.49039375rem;
    --pc52: 2.539225rem;
    --pc53: 2.58805625rem;
    --pc54: 2.6368875rem;
    --pc55: 2.68571875rem;
    --pc56: 2.73455rem;
    --pc57: 2.78338125rem;
    --pc58: 2.8322125rem;
    --pc59: 2.88104375rem;
    --pc60: 2.929875rem;
    --pc61: 2.97870625rem;
    --pc62: 3.0275374999999998rem;
    --pc63: 3.07636875rem;
    --pc64: 3.1252rem;
    --pc65: 3.17403125rem;
    --pc66: 3.2228625rem;
    --pc67: 3.27169375rem;
    --pc68: 3.320525rem;
    --pc69: 3.36935625rem;
    --pc70: 3.4181875rem;
    --pc71: 3.46701875rem;
    --pc72: 3.51585rem;
    --pc73: 3.56468125rem;
    --pc74: 3.6135125rem;
    --pc75: 3.66234375rem;
    --pc76: 3.711175rem;
    --pc77: 3.76000625rem;
    --pc78: 3.8088375rem;
    --pc79: 3.8576687499999998rem;
    --pc80: 3.9065rem;
    --pc81: 3.95533125rem;
    --pc82: 4.0041625rem;
    --pc83: 4.05299375rem;
    --pc84: 4.101825rem;
    --pc85: 4.15065625rem;
    --pc86: 4.1994875rem;
    --pc87: 4.24831875rem;
    --pc88: 4.29715rem;
    --pc89: 4.34598125rem;
    --pc90: 4.3948125rem;
    --pc91: 4.44364375rem;
    --pc92: 4.492475rem;
    --pc93: 4.54130625rem;
    --pc94: 4.5901375rem;
    --pc95: 4.63896875rem;
    --pc96: 4.6878rem;
    --pc97: 4.73663125rem;
    --pc98: 4.7854625rem;
    --pc99: 4.83429375rem;
    --pc100: 4.883125rem;
    --pc101: 4.93195625rem;
    --pc102: 4.9807875rem;
    --pc103: 5.02961875rem;
    --pc104: 5.07845rem;
    --pc105: 5.12728125rem;
    --pc106: 5.1761125rem;
    --pc107: 5.2249437499999996rem;
    --pc108: 5.273775rem;
    --pc109: 5.32260625rem;
    --pc110: 5.3714375rem;
    --pc111: 5.42026875rem;
    --pc112: 5.4691rem;
    --pc113: 5.51793125rem;
    --pc114: 5.5667625rem;
    --pc115: 5.61559375rem;
    --pc116: 5.664425rem;
    --pc117: 5.71325625rem;
    --pc118: 5.7620875rem;
    --pc119: 5.81091875rem;
    --pc120: 5.85975rem;
    --pc121: 5.90858125rem;
    --pc122: 5.9574125rem;
    --pc123: 6.00624375rem;
    --pc124: 6.0550749999999995rem;
    --pc125: 6.10390625rem;
    --pc126: 6.1527375rem;
    --pc127: 6.20156875rem;
    --pc128: 6.2504rem;
    --pc129: 6.29923125rem;
    --pc130: 6.3480625rem;
    --pc131: 6.39689375rem;
    --pc132: 6.445725rem;
    --pc133: 6.49455625rem;
    --pc134: 6.5433875rem;
    --pc135: 6.59221875rem;
    --pc136: 6.64105rem;
    --pc137: 6.68988125rem;
    --pc138: 6.7387125rem;
    --pc139: 6.78754375rem;
    --pc140: 6.836375rem;
    --pc141: 6.8852062499999995rem;
    --pc142: 6.9340375rem;
    --pc143: 6.98286875rem;
    --pc144: 7.0317rem;
    --pc145: 7.08053125rem;
    --pc146: 7.1293625rem;
    --pc147: 7.17819375rem;
    --pc148: 7.227025rem;
    --pc149: 7.27585625rem;
    --pc150: 7.3246875rem;
    --pc151: 7.37351875rem;
    --pc152: 7.42235rem;
    --pc153: 7.47118125rem;
    --pc154: 7.5200125rem;
    --pc155: 7.56884375rem;
    --pc156: 7.617675rem;
    --pc157: 7.66650625rem;
    --pc158: 7.7153374999999995rem;
    --pc159: 7.76416875rem;
    --pc160: 7.813rem;
    --pc161: 7.86183125rem;
    --pc162: 7.9106625rem;
    --pc163: 7.95949375rem;
    --pc164: 8.008325rem;
    --pc165: 8.05715625rem;
    --pc166: 8.1059875rem;
    --pc167: 8.15481875rem;
    --pc168: 8.20365rem;
    --pc169: 8.25248125rem;
    --pc170: 8.3013125rem;
    --pc171: 8.350143749999999rem;
    --pc172: 8.398975rem;
    --pc173: 8.44780625rem;
    --pc174: 8.4966375rem;
    --pc175: 8.54546875rem;
    --pc176: 8.5943rem;
    --pc177: 8.64313125rem;
    --pc178: 8.6919625rem;
    --pc179: 8.74079375rem;
    --pc180: 8.789625rem;
    --pc181: 8.83845625rem;
    --pc182: 8.8872875rem;
    --pc183: 8.93611875rem;
    --pc185: 9.03378125rem;
    --pc186: 9.0826125rem;
    --pc187: 9.13144375rem;
    --pc188: 9.180275rem;
    --pc189: 9.22910625rem;
    --pc190: 9.2779375rem;
    --pc191: 9.32676875rem;
    --pc192: 9.3756rem;
    --pc193: 9.42443125rem;
    --pc194: 9.4732625rem;
    --pc195: 9.52209375rem;
    --pc196: 9.570925rem;
    --pc197: 9.61975625rem;
    --pc198: 9.6685875rem;
    --pc199: 9.71741875rem;
    --pc200: 9.76625rem;
    --pc207: 10.10806875rem;
    --pc215: 10.49871875rem;
    --pc225: 10.98703125rem;
    --pc227: 11.08469375rem;
    --pc234: 11.4265125rem;
    --pc239: 11.670668749999999rem;
    --pc250: 12.2078125rem;
    --pc254: 12.4031375rem;
    --pc260: 12.696125rem;
    --pc265: 12.94028125rem;
    --pc270: 13.1844375rem;
    --pc283: 13.81924375rem;
    --pc284: 13.868075rem;
    --pc289: 14.11223125rem;
    --pc298: 14.5517125rem;
    --pc299: 14.60054375rem;
    --pc300: 14.649375rem;
    --pc318: 15.5283375rem;
    --pc324: 15.821325rem;
    --pc336: 16.4073rem;
    --pc340: 16.602625rem;
    --pc352: 17.1886rem;
    --pc366: 17.8722375rem;
    --pc380: 18.555875rem;
    --pc395: 19.28834375rem;
    --pc400: 19.5325rem;
    --pc411: 20.06964375rem;
    --pc433: 21.14393125rem;
    --pc444: 21.681075rem;
    --pc445: 21.72990625rem;
    --pc454: 22.1693875rem;
    --pc459: 22.41354375rem;
    --pc470: 22.9506875rem;
    --pc475: 23.19484375rem;
    --pc518: 25.2945875rem;
    --pc540: 26.368875rem;
    --pc565: 27.58965625rem;
    --pc597: 29.15225625rem;
    --pc649: 31.69148125rem;
    --pc650: 31.740312499999998rem;
    --pc718: 35.0608375rem;
    --pc745: 36.37928125rem;
    --pc753: 36.76993125rem;
    --pc756: 36.916425rem;
    --pc780: 38.088375rem;
    --pc800: 39.065rem;
    --pc884: 43.166825rem;
    --pc960: 46.878rem;
    --pc1118: 54.5933375rem;
    --white: #fff;
    --black: #000;
    --red: #ec0503;
    --blue: #013fff;
    --green: #0a6501;
    --ft0:#00a60b;
    --ft1:#fd0000;
    --ft2:#8a5507;
    --ft3:#ad01b9;
    --ft4:#003dfd;
    --timer-normal: #00d614;
    --timer-warning: #ffb011;
    --timer-danger: #f22;
    --msg--box-bg: #1d2024;
    --msg-box-border: linear-gradient(180deg,#4a4a4a,#0b0a0a);
    --msg-box-border-line: linear-gradient(180deg,#d7c289,#8b7848);
    --msg-bos-bar-line-color: linear-gradient(90deg,#8b7848,#b59f63 51%,#8b7848);
    --msg-box-body: hsla(0,0%,100%,0.02);
    ---pc1: -0.04883125rem;
    ---pc2: -0.0976625rem;
    ---pc10: -0.4883125rem;
    ---pc20: -0.976625rem;
    ---pc25: -1.22078125rem;
    ---pc30: -1.4649375rem;
    ---pc31: -1.51376875rem;
    ---pc32: -1.5626rem;
    ---pc40: -1.95325rem;
    ---pc42: -2.0509125rem;
    ---pc44: -2.148575rem;
    ---pc48: -2.3439rem;
    ---pc50: -2.4415625rem;
    ---pc51: -2.49039375rem;
    ---pc60: -2.929875rem;
    ---pc62: -3.0275375rem;
    ---pc64: -3.1252rem;
    ---pc68: -3.320525rem;
    ---pc75: -3.66234375rem;
    ---pc80: -3.9065rem;
    ---pc84: -4.101825rem;
    ---pc86: -4.1994875rem;
    ---pc88: -4.29715rem;
    ---pc93: -4.54130625rem;
    ---pc96: -4.6878rem;
    ---pc100: -4.883125rem;
    ---pc108: -5.273775rem;
    ---pc112: -5.4691rem;
    ---pc120: -5.85975rem;
    ---pc126: -6.1527375rem;
    ---pc132: -6.445725rem;
    ---pc136: -6.64105rem;
    ---pc140: -6.836375rem;
    ---pc150: -7.3246875rem;
    ---pc168: -8.20365rem;
    ---pc172: -8.398975rem;
    ---pc176: -8.5943rem;
    ---pc180: -8.789625rem;
    ---pc200: -9.76625rem;
    ---pc204: -9.961575rem;
    ---pc210: -10.2545625rem;
    ---pc220: -10.742875rem;
    ---pc240: -11.7195rem;
    ---pc250: -12.2078125rem;
    ---pc252: -12.305475rem;
    ---pc258: -12.5984625rem;
    ---pc264: -12.89145rem;
    ---pc271: -13.23326875rem;
    ---pc272: -13.2821rem;
    ---pc300: -14.649375rem;
    ---pc308: -15.040025rem;
    ---pc340: -16.602625rem;
    ---pc344: -16.79795rem;
    ---pc350: -17.0909375rem;
    ---pc360: -17.57925rem;
    ---pc400: -19.5325rem;
    ---pc408: -19.92315rem;
    ---pc420: -20.509125rem;
    ---pc430: -20.9974375rem;
    ---pc450: -21.9740625rem;
    ---pc476: -23.243675rem;
    ---pc480: -23.439rem;
    ---pc500: -24.415625rem;
    ---pc516: -25.196925rem;
    ---pc540: -26.368875rem;
    ---pc544: -26.5642rem;
    ---pc550: -26.8571875rem;
    ---pc600: -29.29875rem;
    ---pc602: -29.3964125rem;
    ---pc612: -29.884725rem;
    ---pc660: -32.228625rem;
    ---pc680: -33.20525rem;
    ---pc688: -33.5959rem;
    ---pc720: -35.1585rem;
    ---pc748: -36.525775rem;
    ---pc774: -37.7953875rem;
    ---pc816: -39.8463rem;
    ---pc860: -41.994875rem;
    ---pc884: -43.166825rem;
    ---pc946: -46.1943625rem;
    ---pc1032: -50.39385rem;
    --mp1: 0.1250625rem;
    --mp2: 0.250125rem;
    --mp8: 1.0005rem;
    --mp5: 0.6253124999999999rem;
    --mp7: 0.8754375rem;
    --mp9: 1.1255625rem;
    --mp10: 1.2506249999999999rem;
    --mp11: 1.3756875rem;
    --mp12: 1.50075rem;
    --mp13: 1.6258124999999999rem;
    --mp14: 1.750875rem;
    --mp15: 1.8759374999999998rem;
    --mp16: 2.001rem;
    --mp17: 2.1260624999999997rem;
    --mp18: 2.251125rem;
    --mp20: 2.5012499999999998rem;
    --mp22: 2.751375rem;
    --mp23: 2.8764374999999998rem;
    --mp25: 3.1265625rem;
    --mp30: 3.7518749999999996rem;
    --mp31: 3.8769375rem;
    --mp32: 4.002rem;
    --mp33: 4.1270625rem;
    --mp36: 4.50225rem;
    --mp38: 4.752375rem;
    --mp39: 4.8774375rem;
    --mp42: 5.252625rem;
    --mp45: 5.6278125rem;
    --mp56: 7.0035rem;
    --mp58: 7.2536249999999995rem;
    --mp60: 7.503749999999999rem;
    --mp64: 8.004rem;
    --mp68: 8.504249999999999rem;
    --mp70: 8.754375rem;
    --mp82: 10.255125rem;
    --mp100: 12.50625rem;
    --mp110: 13.756874999999999rem;
    --mp112: 14.007rem;
    --mp113: 14.1320625rem;
    --mp120: 15.007499999999999rem;
    --mp126: 15.757874999999999rem;
    --mp137: 17.1335625rem;
    --mp142: 17.758875rem;
    --mp162: 20.260125rem;
    --mp171: 21.3856875rem;
    --mp180: 22.51125rem;
    --pc184: 8.98495rem;
    --mp188: 23.51175rem;
    --mp208: 26.012999999999998rem;
    --mp240: 30.014999999999997rem;
    --mp251: 31.3906875rem;
    --mp260: 32.51625rem;
    --mp300: 37.51875rem;
    --pc311: 15.18651875rem;
    --mp334: 41.770875rem;
    --mp375: 46.8984375rem;
    --mp415: 51.9009375rem;
    --mp585: 73.1615625rem;
    --mp667: 83.4166875rem;
    --mp832: 104.05199999999999rem;
    ---mp25: -3.1265625rem;
    ---mp19: -2.3761875rem;
    ---mp45: -5.6278125rem;
    ---mp50: -6.253125rem;
    ---mp60: -7.503749999999999rem;
    ---mp64: -8.004rem;
    ---mp75: -9.3796875rem;
    ---mp90: -11.255625rem;
    ---mp120: -15.007499999999999rem;
    ---mp128: -16.008rem;
    ---mp135: -16.8834375rem;
    ---mp180: -22.51125rem;
    ---mp192: -24.012rem;
    ---mp225: -28.139062499999998rem;
    ---mp256: -32.016rem;
    ---mp270: -33.766875rem;
    ---mp315: -39.394687499999996rem;
    ---mp320: -40.019999999999996rem;
    ---mp360: -45.0225rem;
    ---mp384: -48.024rem;
    ---mp405: -50.6503125rem;
    ---mp448: -56.028rem;
    ---mp450: -56.278124999999996rem;
    ---mp495: -61.90593749999999rem;
    ---mp512: -64.032rem;
    ---mp540: -67.53375rem;
    ---mp576: -72.036rem;
    ---mp640: -80.03999999999999rem;
    ---mp704: -88.044rem;
    ---mp768: -96.048rem
}

.slide-right-enter-active,.slide-right-leave-active {
    transition: .3s
}

.slide-right-enter-from,.slide-right-leave-to {
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%)
}

.fadein-out-enter-active,.fadein-out-leave-active {
    transition: .3s
}

.fadein-out-enter-from,.fadein-out-leave-to {
    opacity: 0
}

.slide-up-enter-active,.slide-up-leave-active {
    transition: .3s
}

.slide-up-enter-from,.slide-up-leave-to {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%)
}

.slide-down-enter-active,.slide-down-leave-active {
    transition: .2s
}

.slide-down-enter-from,.slide-down-leave-to {
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    opacity: 0
}

@-webkit-keyframes flash {
    0% {
        background-color: hsla(0,0%,100%,.5)
    }

    to {
        background-color: hsla(0,0%,100%,.1)
    }
}

@keyframes flash {
    0% {
        background-color: hsla(0,0%,100%,.5)
    }

    to {
        background-color: hsla(0,0%,100%,.1)
    }
}

@-webkit-keyframes pulsate {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes pulsate {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@-webkit-keyframes shimmer {
    0% {
        left: -55%
    }

    to {
        left: 500%
    }
}

@keyframes shimmer {
    0% {
        left: -55%
    }

    to {
        left: 500%
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

* {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body,html {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: auto
}

body {
    background-color: var(--black);
    font-family: Verdana,Geneva,Tahoma,sans-serif
}

input,input:after,input:before {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

button:focus,input:focus,select:focus,textarea:focus {
    outline: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fill-w {
    flex-grow: 1;
    width: 0;
    height: 100%
}

.btn {
    cursor: pointer;
    filter: brightness(1);
    transition: filter .3s linear
}

.btn:hover {
    filter: brightness(.8)
}


* {
    -webkit-overflow-scrolling: auto;
    align-content: flex-start;
    scrollbar-color: rgba(0,0,0,.5)
}

::-webkit-scrollbar {
    width: var(--pc10);
    height: 0
}

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.5);
    border-radius: var(--pc5)
}

::-webkit-scrollbar-thumb {
    border-radius: var(--pc5);
    background-color: rgba(95,87,70,.8)
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(77,75,74,.8);
    border-radius: var(--pc5)
}
