:root {
  --primary-color-shade: #ffffff;
  --primary-color-tint: #ffffff;
  --primary-color-contrast: #000;
  --grey-00: #eeeeee;
  --grey-50: #e8e8e8;
  --grey-100: #c6c6c6;
  --grey-200: #a0a0a0;
  --grey-300: #7a7a7a;
  --grey-400: #5e5e5e;
  --grey-500: #414141;
  --grey-600: #3b3b3b;
  --grey-700: #323232;
  --grey-800: #2a2a2a;
  --grey-900: #1c1c1c;
  --header-dark-color: #181e25;
  --footer-grey-color: #d9d9d9;
  --black-color: #000;
  --bg-grey: #f7f9f9;
  --red-color: #c44141;
  --marquee-red: #f44242;
  --green-color: #138807;
  --yellow-color: #e7a22a;
  --bg-grey-5: #c7c7c7;
  --card-background: #eaeaea;
  --input-background: #e8e8e8;
  --chip-border: #feafb2;
  --lay-color: #fdc9d4;
  --lay-color-light: #fff3f4;
  --back-color: #a0d8fb;
  --back-color-light: #f2f9ff;
  --reset-background: #c13f50;
  --white-color: #ffffff;
  --back-light: #d4e8f8;
  --lay-light: #f7e7eb;
}

.primary-button {
  background-color: var(--primary-button) !important;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir="rtl"] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 2000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator:before {
  inset: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px)
    var(--mat-focus-indicator-border-style, solid)
    var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus:before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator:before {
  inset: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px)
    var(--mat-mdc-focus-indicator-border-style, solid)
    var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus:before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

@font-face {
  font-family: open_bold;

  src: url(/assets/font/OpenSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: open_semiBold;
  src: url(/assets/font/OpenSans-SemiBold.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: open_regular;

  src: url(/assets/font/OpenSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: open_light;

  src: url(/assets/font/OpenSans-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

html,
body {
  height: 100%;
  top: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: unset;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

*:focus,
*:focus-visible {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}

body {
  background-color: var(--grey-100);
  color: var(--grey-700);
  margin: 0;
  font-family: open_regular, open_light, open_semiBold, open_bold;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  height: 100% !important;
}

ion-content {
  --background: transparent;
  min-height: calc(var(--vh, 1vh) * 100 - 90px);
}

ion-content ion-refresher {
  z-index: 1;
  background-color: transparent;
}

ion-content ion-refresher .refresher-pulling-icon ion-icon {
  color: var(--primary-color);
}

ion-content ion-refresher .refresher-refreshing-icon ion-spinner {
  color: var(--primary-color);
}

.app-splash {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: calc(100% + 1px);
  height: 100%;
  z-index: 100;
  background-color: var(--header-dark-color);
  max-width: 768px;
}

.app-splash .app-loading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.app-splash .app-loading .logo img {
  width: 140px;
}

.app-splash .app-loading .snippet {
  margin-top: 10px;
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translate(-50%);
}

.dot-flashing {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: var(--grey-300);
  color: var(--grey-300);
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}

.dot-flashing:before,
.dot-flashing:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing:before {
  left: -15px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: var(--grey-300);
  color: var(--grey-300);
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}

.dot-flashing:after {
  left: 15px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: var(--grey-300);
  color: var(--grey-300);
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dot-flashing {
  0% {
    background-color: var(--grey-300);
  }

  50%,
  to {
    background-color: var(--grey-00);
  }
}

.main {
  height: 100%;
}

::selection {
  color: var(--primary-color-contrast);
  background-color: var(--primary-color);
}

.container {
  box-sizing: border-box;
  overflow-y: auto;
  background-color: var(--grey-00);
  max-width: 768px;
  margin: auto;
  height: 100%;
}

p {
  color: var(--grey-900);
}

.text-grey {
  color: var(--grey-500);
}

.preffered {
  color: var(--primary-color) !important;
}

.success-text,
.approved,
.Approved,
.text-success {
  color: var(--green-color) !important;
}

.danger-text,
.rejected,
.Rejected,
.text-danger {
  color: var(--red-color) !important;
}

.warning-text,
.pending,
.Hold,
.Pending {
  color: var(--yellow-color) !important;
}

.badge {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-color);
  border-radius: 6px;
  color: var(--secondary-color-contrast);
  font-size: 10px;
  font-family: open_regular;
}

.flex-row-left {
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
}

button.btn {
  font-size: 12px;
  white-space: nowrap;
  border: none;
  min-height: 25px;
  border-radius: 10px;
  min-width: 75px;
  font-weight: 300;
  cursor: pointer;
  width: 100%;
}

button.btn:disabled {
  background-color: var(--grey-100) !important;
  cursor: not-allowed;
}

button.btn.secondary-btn {
  background-color: var(--primary-color-shade);
  color: var(--primary-color-contrast);
}

button.btn.outline-btn {
  background-color: var(--white-color);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

button.btn.dark-outlined-btn {
  background-color: transparent;
  border: 1px solid var(--primary-color-shade);
  color: var(--primary-color);
}

button.btn.white-text-btn {
  background-color: transparent;
  color: var(--white-color);
}

button .mat-mdc-button-touch-target {
  width: 100%;
  height: 100% !important;
}

.d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
}

.d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mat-form-field {
  width: 100%;
}

.mat-form-field .mat-label {
  color: var(--grey-500);
}

.mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex {
  padding-top: 0;
}

.mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-underline {
  border-bottom: 1px solid var(--grey-100);
}

.mat-form-field input::-webkit-outer-spin-button,
.mat-form-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mat-form-field input[type="number"] {
  -moz-appearance: textfield;
}

.page-body {
  background-color: var(--grey-00);
  height: calc(100% - 60px);
  padding: 0 10px;
}

.page-body .title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}

.page-body .title-bar h2 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.page-body .title-bar .time-badge {
  font-weight: 300;
  font-size: 10px;
  margin: 0;
  padding: 2px 10px;
  border: 1px solid var(--primary-color);
  border-radius: 50px;
}

.page-body .pagetab-wrapper {
  position: sticky;
  top: 0;
  z-index: 100;
}

.page-body .pagetab-wrapper .latest-events {
  background-color: var(--primary-color);
  color: var(--primary-color-contrast);
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  overflow-x: auto;
  border-left: 0;
  overflow: hidden;
  padding: 0 5px;
}

.page-body .pagetab-wrapper .latest-events .le-item {
  flex-grow: 1;
  position: relative;
  min-width: 120px;
  height: 100%;
  cursor: pointer;
  padding: 5px 3px;
}

.page-body .pagetab-wrapper .latest-events .le-item:after {
  display: none;
  position: absolute;
  content: "";
  width: 1px;
  height: 30px;
  right: 0;
  z-index: 1;
  background-color: var(--white-color);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}

.page-body .pagetab-wrapper .latest-events .le-item:last-child:after {
  display: none;
}

.page-body .pagetab-wrapper .latest-events .le-item h2 {
  margin: 0;
  font-size: 10px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  color: var(--primary-color);
  border-radius: 4px;
}

.page-body .pagetab-wrapper .latest-events .le-item h2 span {
  font-family: open_semiBold;
}

.page-body .pagetab-wrapper .latest-events .le-item h2.active-link {
  background-color: var(--primary-color-tint);
  color: var(--primary-color-contrast);
  border: 1px solid var(--primary-color-tint);
}

.page-body .pagetab-header {
  display: flex;
  align-items: center;
  width: 100%;
  column-gap: 0px;
  margin-bottom: 0;
  background-color: var(--white-color);
  border-radius: 0 0 10px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 70px;
  box-shadow: 0 0 10px var(--grey-100);
  padding: 0 10px 0 0;
}

.page-body .pagetab-header::-webkit-scrollbar {
  height: 0;
}

.page-body .pagetab-header .pagetab-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 5px;
  cursor: pointer;
  position: relative;
  min-width: 65px;
}

.page-body .pagetab-header .pagetab-item.active:after,
.page-body .pagetab-header .pagetab-item.active-link:after {
  content: "";
  background-color: var(--secondary-color);
  width: 34px;
  height: 3px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -9px;
  border-radius: 10px 10px 0 0;
}

.page-body .pagetab-header .pagetab-item.active .icon-wrap,
.page-body .pagetab-header .pagetab-item.active-link .icon-wrap {
  border: 1px solid var(--white-color);
  outline: var(--secondary-color) solid 2px;
  background-color: var(--primary-color);
}

.page-body .pagetab-header .pagetab-item.active .tab-label,
.page-body .pagetab-header .pagetab-item.active-link .tab-label {
  color: var(--grey-800);
}

.page-body .pagetab-header .pagetab-item .icon-wrap {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grey-500);
  border-radius: 50%;
}

.page-body .pagetab-header .pagetab-item .icon-wrap mat-icon {
  width: 20px;
  height: 20px;
  color: var(--primary-color-contrast);
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-body .pagetab-header .pagetab-item .icon-wrap img {
  width: 20px;
  height: 20px;
  filter: var(--tabIcon-filter);
}

.page-body .pagetab-header .pagetab-item .tab-label {
  font-size: 10px;
  text-align: center;
  font-family: open_regular;
  color: var(--grey-800);
  text-wrap: nowrap;
}

.top-header {
  padding: 10px;
  background-color: var(--head-bg);
}

.inner-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 9;
  background-color: var(--primary-color);
}

.inner-page-header .logo img {
  width: 120px;
}

.inner-page-header button.mat-mini-fab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: var(--primary-color);
}

.inner-page-header button.mat-mini-fab ::ng-deep .mat-button-wrapper {
  padding: 0;
  display: inline-block;
  line-height: 18px;
}

.inner-page-header button.mat-mini-fab mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-weight: 900;
}

.inner-page-header .header-right-cont {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
}

.inner-page-header .header-right-cont button {
  background-color: transparent;
  color: var(--white-color);
  font-weight: 400;
  font-size: 12px;
}

.inner-page-header .header-right-cont button.mat-mini-fab {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-page-header h1 {
  font-size: clamp(18px, 2vw, 20px);
  margin-bottom: 0;
}

.page-header {
  min-height: 60px;
  max-height: 160px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  margin-bottom: 30px;
  z-index: 1000;
  background-color: var(--primary-bg);
}

.page-header.not-loggedIn {
  margin-bottom: 15px !important;
}

.page-header .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 44px;
  padding: 0 10px;
}

.page-header .page-title {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.page-header .page-title h2 {
  margin: 0;
  color: var(--white-color);
  font-size: 16px;
}

.page-header mat-icon {
  color: var(--white-color);
  cursor: pointer;
  z-index: 1;
}

.page-header .logo {
  display: flex;
  align-items: center;
  column-gap: 6px;
  z-index: 100;
}

.page-header .logo img {
  height: 34px;
  width: auto;
}

.page-header .logo mat-icon {
  color: var(--white-color);
  cursor: pointer;
}

.page-header .user-info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0;
}

.page-header .user-info p {
  margin-bottom: 0;
  color: var(--white-color);
}

.page-header .user-info button {
  width: auto;
  height: auto;
}

.page-header .header-right-cont {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
  min-width: 30px;
}

.page-header .header-right-cont .loggedIn {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.page-header .header-right-cont .loggedIn mat-icon {
  color: var(--white-color);
  cursor: pointer;
}

.page-header .header-right-cont .not-loggedIn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}

.page-header .header-right-cont .not-loggedIn button {
  height: 28px;
  max-width: 110px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 5px;
}

.page-header .header-right-cont button {
  background-color: transparent;
  color: var(--white-color);
  font-weight: 400;
  font-size: 12px;
}

.page-header h1 {
  font-size: clamp(18px, 2vw, 20px);
  margin-bottom: 0;
}

.page-header .not-loggedIn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}

.page-header .not-loggedIn button {
  height: 28px;
  max-width: 110px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 5px;
  color: var(--white-color);
  border: 1px solid var(--white-color);
}

.login-section {
  background-color: var(--modal-bg);
  background-position: left;
}

.login-section .login-header-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 250px;
  padding: 15px 15px 3px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
}

.login-section .login-header-section button.close-btn {
  width: 30px;
  height: 30px;
  line-height: normal;
  display: none;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
}

.login-section .login-header-section button.close-btn mat-icon {
  font-size: 20px;
  width: auto;
  height: auto;
  line-height: normal;
}

.login-section .login-header-section .logo {
  align-self: flex-end;
}

.login-section .login-header-section .logo p {
  font-family: open_regular;
  font-size: 20px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  line-height: normal;
  color: var(--white-color);
}

.login-section .login-header-section .logo h2 {
  color: var(--white-color);
  font-size: 20px;
  font-weight: 400;
  font-family: open_regular;
  margin-bottom: 0;
  margin-top: 10px;
}

.login-section .login-header-section img {
  width: 175px;
  max-height: 60px;
}

.login-form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 15px;
}

.login-form .form-list {
  width: 100%;
}

.login-form .form-list .mat-label {
  color: var(--grey-700);
}

.login-form .submit-btn button {
  width: 100%;
  background-color: var(--primary-color);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  height: 50px;
}

.login-form .submit-btn .forgot-password {
  text-transform: capitalize;
  font-size: 13px;
  text-decoration: unset;
  margin-top: 10px;
}

.login-form .submit-btn .code-link {
  font-size: 14px;
  text-decoration: unset;
  margin-top: 15px;
  color: var(--grey-400);
}

.login-form .mat-form-field {
  margin-bottom: 10px;
  max-width: 100%;
}

.login-form
  .mat-form-field
  ::ng-deep
  .mat-form-field-flex
  .mat-form-field-infix {
  border-top: 0;
}

.login-form
  .mat-form-field
  ::ng-deep
  .mat-form-field-flex
  .mat-form-field-infix
  input {
  color: var(--grey-900);
  font-size: 14px;
}

.login-form
  .mat-form-field
  ::ng-deep
  .mat-form-field-flex
  .mat-form-field-suffix
  mat-icon {
  color: var(--grey-300);
}

.footer-section {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer-section .footer-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
  padding: 10px;
}

.footer-section .signup-link {
  color: var(--grey-500);
  font-size: 15px;
  text-decoration: unset;
  font-weight: 300;
}

.footer-section button {
  color: var(--grey-500);
  width: 100%;
  height: 50px;
  font-size: 15px;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid var(--grey-500);
}

.page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  max-width: 768px;
  margin: auto;
  left: 50%;
  background-color: var(--footerBG);
  transform: translate(-50%);
}

.page-footer .action-btns {
  padding: 10px;
  column-gap: 10px;
  background-color: var(--grey-00);
}

.page-footer .action-btns button {
  min-height: 40px;
}

.form-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 4px;
  padding: 0 5px;
}

.form-links p {
  margin: 0;
  color: var(--primary-color);
  font-size: 12px;
  cursor: pointer;
}

.dw-dialog .mat-mdc-dialog-container,
.add-bank-dialog .mat-mdc-dialog-container,
.change-password-dialog .mat-mdc-dialog-container,
.complete-profile-dialog .mat-mdc-dialog-container,
.bonus-rules-dialog .mat-mdc-dialog-container,
.betslip-dialog .mat-mdc-dialog-container,
.image-dialog .mat-mdc-dialog-container,
.help-dialog .mat-mdc-dialog-container,
.exposure-dialog .mat-mdc-dialog-container,
.market-dialog .mat-mdc-dialog-container,
.lang-select-modal .mat-mdc-dialog-container,
.referral-dialog .mat-mdc-dialog-container,
.alt-details-dialog .mat-mdc-dialog-container,
.deposit-system-dialog .mat-mdc-dialog-container,
.app-download-dialog .mat-mdc-dialog-container,
.payment-issues-dialog .mat-mdc-dialog-container,
.request-game-dialog .mat-mdc-dialog-container,
.game-result-dialog .mat-mdc-dialog-container {
  max-width: 600px;
  margin: auto;
}

.dw-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.add-bank-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.change-password-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.complete-profile-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.bonus-rules-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.betslip-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.image-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.help-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.exposure-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.market-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.lang-select-modal .mat-mdc-dialog-container .mdc-dialog__surface,
.referral-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.alt-details-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.deposit-system-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.app-download-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.payment-issues-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.request-game-dialog .mat-mdc-dialog-container .mdc-dialog__surface,
.game-result-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 10px;
}

.change-lang-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: #1c1c1c80;
  border-radius: 0;
}

.mat-mdc-dialog-container.mdc-dialog .modal-header {
  position: relative;
  padding: 10px 0;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mat-mdc-dialog-container.mdc-dialog .modal-header h2 {
  font-size: 14px;
  margin: 0;
  text-align: center;
}

.mat-mdc-dialog-container.mdc-dialog .modal-header .modal-close-btn,
.mat-mdc-dialog-container.mdc-dialog .modal-header .modal-back-btn {
  min-width: auto;
  width: 25px;
  max-height: 25px;
  background: var(--primary-color) !important;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-header .modal-close-btn mat-icon,
.mat-mdc-dialog-container.mdc-dialog .modal-header .modal-back-btn mat-icon {
  color: var(--primary-color-contrast);
  font-size: 16px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mat-mdc-dialog-container.mdc-dialog .modal-header .modal-back-btn {
  left: 10px;
  right: auto;
  background-color: transparent !important;
}

.mat-mdc-dialog-container.mdc-dialog .modal-header .modal-back-btn mat-icon {
  color: var(--primary-color);
  font-size: 21px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-body {
  padding: 10px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap .input-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .pass-eye-icon {
  position: absolute;
  right: 10px;
  top: 28px;
  font-size: 18px;
  opacity: 0.75;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper {
  background-color: var(--card-background);
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  padding: 0 10px;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix {
  display: flex;
  column-gap: 4px;
  align-items: center;
  cursor: pointer;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix
  img {
  max-width: 25px;
  border-radius: 3px;
  width: 25px;
  height: 100%;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix
  p {
  margin: 0;
  font-size: 12px;
  width: 100%;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select {
  max-width: calc(100% - 28px);
  display: flex;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-arrow-wrapper {
  margin-left: 4px;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-value {
  display: none;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-value
  .mat-mdc-select-value-text {
  font-size: 14px;
  display: none;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-trigger {
  justify-content: flex-end;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  display: none;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-flex
  .mat-mdc-form-field-infix
  input {
  font-size: 14px;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  mat-form-field.select-menu {
  min-width: 100%;
  width: 100%;
  position: relative;
}

.mat-mdc-dialog-container.mdc-dialog
  .modal-body
  .form-wrap
  .input-wrap
  mat-form-field.select-menu
  ::ng-deep
  .mat-mdc-text-field-wrapper {
  border-radius: 10px;
  position: relative;
  padding: 0 8px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 4px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap input {
  min-height: 40px;
  border-radius: 10px;
  border: none;
  background-color: var(--grey-00);
  padding: 0 10px;
  font-size: 12px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap .note-message {
  margin: 5px 0 0;
  font-size: 10px;
  opacity: 0.8;
}

.mat-mdc-dialog-container.mdc-dialog .modal-footer {
  padding: 10px;
}

.mat-mdc-dialog-container.mdc-dialog .modal-footer button {
  width: 100%;
}

.market-dialog ion-content {
  min-height: calc(var(--vh, 1vh) * 50 - 90px);
}

.market-dialog div.no-data {
  min-height: calc(var(--vh, 1vh) * 50 - 60px);
}

.login-dialog div.mdc-dialog__surface {
  border-radius: 20px;
  background-color: var(--primary-bg);
}

.login-dialog div.mdc-dialog__surface .login-section {
  height: 100%;
}

.login-dialog div.mdc-dialog__surface .login-section div.login-header-section {
  padding-bottom: 0;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.login-header-section
  .logo {
  align-self: center;
  margin: auto !important;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.login-header-section
  .welcome-text
  p {
  color: var(--white-color);
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.login-header-section
  button.close-btn {
  width: 24px;
  height: 24px;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
  position: absolute;
  right: 15px;
  top: 15px;
  box-shadow: none;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.login-header-section
  button.close-btn
  mat-icon {
  font-size: 16px;
  font-weight: 900;
  color: var(--primary-color);
}

.login-dialog div.mdc-dialog__surface .login-section div.body-section {
  background-color: var(--modal-bg);
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  .form-title {
  color: var(--white-color);
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper {
  background-color: var(--white-color) !important;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  div.form-links {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 30px) !important;
  margin: 0 !important;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  div.form-links
  p {
  color: var(--white-color) !important;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  div.form-links
  p.signin-w-pass:only-child {
  width: 100%;
  text-align: center;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  div.form-links
  p.active {
  color: var(--white-color) !important;
  cursor: pointer;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  div.form-links
  p.otp-link {
  cursor: not-allowed;
  color: var(--grey-100) !important;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  div.form-links
  p.otp-link.active {
  color: var(--white-color) !important;
  cursor: pointer;
}

.login-dialog
  div.mdc-dialog__surface
  .login-section
  div.body-section
  div.login-form
  .form-btn
  .secondary-btn {
  color: black !important;
  background-color: var(--color1) !important;
}

.login-dialog div.mdc-dialog__surface .login-section div.body-section .terms {
  display: none;
}

.cdk-overlay-pane:has(.ph-select) {
  width: calc(100% - 60px) !important;
  margin-top: -10px;
  max-width: 470px;
}

.cdk-overlay-pane:has(.ph-select.pageSelect) {
  width: calc(100% - 60px) !important;
  margin-top: -10px;
  max-width: 738px;
}

.cdk-overlay-pane .bankPH-select {
  max-height: 280px !important;
}

.cdk-overlay-pane .ph-select,
.cdk-overlay-pane .bankPH-select {
  max-height: 300px;
  overflow: auto;
  margin: 3px 0;
  border-radius: 10px;
  max-height: 195px;
  box-shadow: none;
  background-color: var(--grey-00);
}

.cdk-overlay-pane .ph-select .mat-select-search-clear,
.cdk-overlay-pane .bankPH-select .mat-select-search-clear {
  padding: 0;
}

.cdk-overlay-pane .ph-select .mat-select-search-clear mat-icon,
.cdk-overlay-pane .bankPH-select .mat-select-search-clear mat-icon {
  font-size: 16px;
}

.cdk-overlay-pane .ph-select .mat-select-search-input,
.cdk-overlay-pane .bankPH-select .mat-select-search-input {
  background-color: var(--grey-100);
}

.cdk-overlay-pane
  .ph-select
  mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(
    .mat-mdc-option-multiple
  ),
.cdk-overlay-pane
  .bankPH-select
  mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(
    .mat-mdc-option-multiple
  ) {
  background-color: var(--grey-00);
}

.cdk-overlay-pane .ph-select mat-option.mdc-list-item,
.cdk-overlay-pane .bankPH-select mat-option.mdc-list-item {
  background-color: var(--grey-00);
  font-size: 12px;
  min-height: 35px;
}

.cdk-overlay-pane .ph-select mat-option span,
.cdk-overlay-pane .bankPH-select mat-option span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}

.cdk-overlay-pane .ph-select mat-option span img,
.cdk-overlay-pane .bankPH-select mat-option span img {
  width: 25px;
  border-radius: 6px;
}

.cdk-overlay-pane .ph-select mat-option span p,
.cdk-overlay-pane .bankPH-select mat-option span p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  margin: 0;
}

.time-title h2 {
  margin: 6px 0 0;
  font-size: 14px;
  padding: 5px 10px 0 15px;
}

.input-wrap p.error {
  margin: 2px 0 0;
  font-size: 10px;
  padding: 0 4px;
  color: var(--red-color);
}

.input-wrap .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.mat-tab-header {
  background-color: var(--primary-bg);
}

.mat-tab-header .mat-mdc-tab-header-pagination-chevron {
  border-color: var(--primary-color-contrast);
}

.mat-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab.mdc-tab--active:hover
  .mdc-tab-indicator__content--underline,
.mat-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab.mdc-tab--active:focus
  .mdc-tab-indicator__content--underline {
  border-color: var(--highlight-color);
}

.mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
  height: 40px;
  font-size: 10px;
  font-family: open_semibold;
  color: var(--secondary-color);
  text-transform: uppercase;
}

.mat-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab.mdc-tab-indicator--active
  .mdc-tab-indicator__content--underline {
  opacity: 0.85;
}

.mat-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab
  .mdc-tab-indicator__content--underline {
  max-width: 60%;
  border-radius: 6px 6px 0 0;
  border-color: var(--highlight-color);
  border-width: 3px;
}

.mat-mdc-tab-body-wrapper {
  padding: 10px;
}

.swal2-container:has(.rewards-dialog) {
  align-content: center;
}

.swal2-container:has(.alert-dialog) {
  z-index: 10000;
}

.swal2-popup.alert-dialog {
  background-color: var(--white-color);
  border-top: 5px solid var(--primary-bg);
  max-width: 390px;
  padding: 15px 0 0;
  width: 100%;
  border-radius: 6px;
}

.swal2-popup.alert-dialog .swal2-icon {
  height: auto;
  border: none;
  margin: 0 auto;
  padding: 0;
}

.swal2-popup.alert-dialog .swal2-icon img {
  width: 50px;
  height: 50px;
}

.swal2-popup.alert-dialog .swal2-title {
  color: var(--text-color);
  padding-top: 5px;
  padding-bottom: 15px;
  font-weight: 400;
  font-size: clamp(1rem, 4vw, 1.125rem);
  margin: 0 auto;
}

.swal2-popup.alert-dialog .swal2-html-container {
  width: 100%;
  margin: 0 auto;
  padding: 30px 1rem 0;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--text-color);
  background-color: var(--grey-50);
}

.swal2-popup.alert-dialog .swal2-actions {
  width: 100%;
  padding: 24px 0 15px;
  margin: 0;
  border-radius: 0 0 6px 6px;
  background-color: var(--grey-50);
}

.swal2-popup.alert-dialog .swal2-actions .swal2-styled.swal2-confirm {
  background-color: var(--primary-bg) !important;
  margin: 0 0 4px;
  border-radius: 30px;
  width: 55%;
  height: 35px;
  max-width: 200px;
  line-height: 1;
  font-size: 12px;
  font-family: open_regular;
}

.swal2-popup.alert-dialog .swal2-actions .swal2-styled.swal2-confirm:focus {
  box-shadow: none;
}

.swal2-popup.alert-dialog .swal2-actions .swal2-styled.swal2-cancel {
  background-color: transparent !important;
  color: var(--text-color);
  margin: 0;
  border-radius: 30px;
  width: 55%;
  height: 35px;
  max-width: 200px;
  line-height: 1;
  font-size: 12px;
  font-family: open_regular;
}

.tournament-info {
  margin: 4px 5px 10px !important;
  background-color: var(--header-dark-color);
  color: var(--white-color);
  font-size: 10px;
  z-index: 100000;
  padding: 2px 6px;
  border-radius: 6px !important;
}

.warning-info {
  margin: 0 15px 10px 5px !important;
  background-color: var(--header-dark-color);
  color: var(--white-color);
  font-size: 10px;
  z-index: 100000;
  padding: 2px 6px;
  border-radius: 6px !important;
}

ngx-loading .backdrop {
  z-index: 9999 !important;
}

ngx-loading .spinner-circle {
  z-index: 99999 !important;
  border-color: rgb(56, 54, 54) rgb(56, 54, 54) rgb(56, 54, 54)
    var(--secondary-color) !important;
}

.mat-mdc-snack-bar-container {
  background-color: var(--grey-50);
  color: var(--white-color);
  border-radius: 4px;
  font-size: 12px;
}

.mat-mdc-snack-bar-container.success-snackbar {
  background-color: var(--green-color);
}

.mat-mdc-snack-bar-container.fail-snackbar {
  background-color: var(--red-color);
}

.mat-mdc-snack-bar-container.default-snackbar {
  color: var(--grey-700);
}

.mat-mdc-snack-bar-container .mat-simple-snackbar-action {
  color: var(--white-color);
}

.mat-mdc-snack-bar-container button.mat-mdc-snack-bar-action {
  position: absolute;
  right: -10px;
  font-size: 16px;
}

.plt-desktop ::-webkit-scrollbar {
  width: 5px;
}

.plt-desktop ::-webkit-scrollbar-track {
  background: var(--grey-00);
}

.plt-desktop ::-webkit-scrollbar-thumb {
  background: var(--grey-100);
  border-radius: 10px;
  cursor: pointer;
}

.plt-desktop ::-webkit-scrollbar-thumb:hover {
  background: var(--grey-100);
}

.page-loader-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(30, 30, 30, 0.95);
  min-height: calc(var(--vh, 1vh) * 100);
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 768px;
  transform: translate(-50%);
  z-index: 10000;
}

.page-loader-wrap .pageloader {
  border: 2px solid var(--grey-100);
  border-radius: 50%;
  border-top: 2px solid var(--secondary-color);
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.animated {
  background-color: var(--grey-100);
  background: linear-gradient(
    to right,
    var(--grey-100) -5%,
    var(--grey-50) 20%,
    var(--grey-100) 40%,
    var(--grey-100) 100%
  );
  background-size: 800px 104px;
  animation: 1.5s forwards lazyLoad linear infinite;
  border-radius: 2px;
  margin: 3px 0;
}

@keyframes lazyLoad {
  0% {
    background-position: -468px 0;
  }

  to {
    background-position: 468px 0;
  }
}

.blink-it {
  animation: blinker 1s linear infinite;
}

.blink-it:hover {
  animation: none;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.page-refresher
  .ngx-ptr-str-container
  .ngx-ptr-loadingbar-container
  .ngx-ptr-spinner
  .ngx-ptr-path {
  stroke: var(--primary-color) !important;
}

@media all and (max-width: 768px) {
  .container {
    padding: 0;
    /* height: calc(var(--vh, 1vh) * 100); */
    width: 100%;
  }
}

.translator-wrap {
  display: block;
  max-width: 768px;
  margin: auto;
  position: relative;
}

.translator-wrap mat-icon,
.translator-wrap lottie-player {
  font-size: 24px;
  position: absolute;
  z-index: 10;
  width: 24px;
  height: 24px;
  background: transparent;
  border-radius: 50%;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  right: 15px;
  top: 8px;
  max-width: 30px;
  z-index: 10000;
}

.translator-wrap div#google_translate_element {
  position: absolute;
  right: 50px;
  top: 16px;
  z-index: 10;
}

.translator-wrap div#google_translate_element .skiptranslate {
  opacity: 0;
  width: 30px;
  overflow: hidden;
}

.translator-wrap .goog-te-gadget-simple {
  background-color: var(--primary-color);
  border-radius: 10px;
  border-color: var(--primary-color-contrast);
  width: auto;
  font-size: 12px;
  height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.translator-wrap .goog-te-gadget-simple span {
  width: 100%;
  color: var(--ion-color-secondary-contrast) !important;
}

.translator-wrap .goog-te-gadget-simple span a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ion-color-secondary-contrast);
  font-size: 12px;
  margin: 0;
}

.translator-wrap .goog-te-gadget-simple span a span {
  width: auto;
}

.translator-wrap .goog-te-gadget img {
  display: none;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc,
.VIpgJd-suEOdc,
.skiptranslate .VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none !important;
}

@keyframes spinGlobe {
  0% {
    transform: rotateY(0);
  }

  to {
    transform: rotateY(360deg);
  }
}

.casino-hidden {
  display: none !important;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
    format("woff2");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.mat-drawer-container {
  position: relative;
  z-index: 1;
  color: var(--mat-sidenav-content-text-color);
  background-color: var(--mat-sidenav-content-background-color);
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow: hidden;
}

.mat-drawer-container[fullscreen] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
  overflow: hidden;
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
  z-index: 3;
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
  transition: none;
}

.mat-drawer-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  z-index: 3;
  visibility: hidden;
}

.mat-drawer-backdrop.mat-drawer-shown {
  visibility: visible;
  background-color: var(--mat-sidenav-scrim-color);
}

.mat-drawer-transition .mat-drawer-backdrop {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: background-color, visibility;
}

.cdk-high-contrast-active .mat-drawer-backdrop {
  opacity: 0.5;
}

.mat-drawer-content {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  overflow: auto;
}

.mat-drawer-transition .mat-drawer-content {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform, margin-left, margin-right;
}

.mat-drawer {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 4;
  --mat-sidenav-container-shape: 0;
  color: var(--mat-sidenav-container-text-color);
  background-color: var(--mat-sidenav-container-background-color);
  border-top-right-radius: var(--mat-sidenav-container-shape);
  border-bottom-right-radius: var(--mat-sidenav-container-shape);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  outline: 0;
  box-sizing: border-box;
  overflow-y: auto;
  transform: translate3d(-100%, 0, 0);
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir="rtl"] .mat-drawer.mat-drawer-end {
  border-right: solid 1px currentColor;
}

.cdk-high-contrast-active [dir="rtl"] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
  border-left: solid 1px currentColor;
  border-right: none;
}

.mat-drawer.mat-drawer-side {
  z-index: 2;
}

.mat-drawer.mat-drawer-end {
  right: 0;
  transform: translate3d(100%, 0, 0);
  border-top-left-radius: var(--mat-sidenav-container-shape);
  border-bottom-left-radius: var(--mat-sidenav-container-shape);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="rtl"] .mat-drawer {
  border-top-left-radius: var(--mat-sidenav-container-shape);
  border-bottom-left-radius: var(--mat-sidenav-container-shape);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transform: translate3d(100%, 0, 0);
}

[dir="rtl"] .mat-drawer.mat-drawer-end {
  border-top-right-radius: var(--mat-sidenav-container-shape);
  border-bottom-right-radius: var(--mat-sidenav-container-shape);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  left: 0;
  right: auto;
  transform: translate3d(-100%, 0, 0);
}

.mat-drawer[style*="visibility: hidden"] {
  display: none;
}

.mat-drawer-side {
  box-shadow: none;
  border-right-color: var(--mat-sidenav-container-divider-color);
  border-right-width: 1px;
  border-right-style: solid;
}

.mat-drawer-side.mat-drawer-end {
  border-left-color: var(--mat-sidenav-container-divider-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
}

[dir="rtl"] .mat-drawer-side {
  border-left-color: var(--mat-sidenav-container-divider-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
}

[dir="rtl"] .mat-drawer-side.mat-drawer-end {
  border-right-color: var(--mat-sidenav-container-divider-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-left: none;
}

.mat-drawer-inner-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mat-sidenav-fixed {
  position: fixed;
}

.page-header[_ngcontent-ng-c942213636] {
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: 0;
  min-height: auto;
}

.page-header[_ngcontent-ng-c942213636]
  .header-wrapper[_ngcontent-ng-c942213636] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 44px;
  padding: 0 10px;
}

.page-header[_ngcontent-ng-c942213636] .page-title[_ngcontent-ng-c942213636] {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.page-header[_ngcontent-ng-c942213636]
  .page-title[_ngcontent-ng-c942213636]
  h2[_ngcontent-ng-c942213636] {
  margin: 0;
  color: var(--white-color);
  font-size: 16px;
}

.page-header[_ngcontent-ng-c942213636] mat-icon[_ngcontent-ng-c942213636] {
  color: var(--white-color);
  cursor: pointer;
  z-index: 1;
}

.page-header[_ngcontent-ng-c942213636] .logo[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  column-gap: 6px;
  z-index: 100;
}

.page-header[_ngcontent-ng-c942213636]
  .logo[_ngcontent-ng-c942213636]
  img[_ngcontent-ng-c942213636] {
  height: 34px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  cursor: pointer;
}

.page-header[_ngcontent-ng-c942213636]
  .logo[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  color: var(--white-color);
  cursor: pointer;
}

.page-header[_ngcontent-ng-c942213636] .user-info[_ngcontent-ng-c942213636] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0;
}

.page-header[_ngcontent-ng-c942213636]
  .user-info[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636] {
  margin-bottom: 0;
  color: var(--white-color);
}

.page-header[_ngcontent-ng-c942213636]
  .user-info[_ngcontent-ng-c942213636]
  button[_ngcontent-ng-c942213636] {
  width: auto;
  height: auto;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .selected-lang[_ngcontent-ng-c942213636] {
  margin: 1px 0 0;
  font-size: 10px;
  line-height: 1;
  color: var(--white-color);
  font-family: open_regular;
  text-transform: uppercase;
  position: absolute;

  top: 28px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount[_ngcontent-ng-c942213636] {
  position: relative;
  cursor: pointer;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount.show-bal[_ngcontent-ng-c942213636]
  .content[_ngcontent-ng-c942213636] {
  display: flex;
  flex-direction: row-reverse;
  column-gap: 4px;
  align-items: center;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount.show-bal[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  font-size: 21px;
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount.exp-bal[_ngcontent-ng-c942213636] {
  position: relative;
  cursor: pointer;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount.exp-bal[_ngcontent-ng-c942213636]:before {
  content: "";
  background-color: var(--white-color);
  width: 1px;
  height: 90%;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount[_ngcontent-ng-c942213636]
  .mat-label[_ngcontent-ng-c942213636],
.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636] {
  font-size: 10px;
  color: var(--white-color);
  text-align: right;
  margin: 0;
  min-width: 18px;
  line-height: 1.2;
  text-transform: capitalize;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .bal-cont[_ngcontent-ng-c942213636]
  .bal-amount[_ngcontent-ng-c942213636]
  .mat-label[_ngcontent-ng-c942213636] {
  font-size: 10px;
  text-align: left;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .deposit-btn[_ngcontent-ng-c942213636] {
  width: auto;
  height: 25px;
  min-width: 45px;
  font-size: 10px;
  background: var(--white-color);
  color: var(--primary-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  column-gap: 3px;
  padding: 0 5px;
  text-transform: capitalize;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .deposit-btn[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  margin: 0;
  color: var(--primary-color);
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .not-loggedIn[_ngcontent-ng-c942213636]
  button[_ngcontent-ng-c942213636] {
  min-width: auto;
  width: auto;
  height: 25px;
  max-width: 90px;
  font-size: 10px;
  background: var(--white-color);
  color: var(--primary-color);
  border-radius: 5px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .not-loggedIn[_ngcontent-ng-c942213636]
  button.demo-btn[_ngcontent-ng-c942213636] {
  min-width: 30px;
  max-width: 65px;
  background-color: var(--secondary-color);
  color: var(--secondary-color-contrast);
  padding: 0 10px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
  min-width: 30px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .loggedIn[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .loggedIn[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  color: var(--white-color);
  cursor: pointer;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .not-loggedIn[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  .not-loggedIn[_ngcontent-ng-c942213636]
  button[_ngcontent-ng-c942213636] {
  height: 28px;
  max-width: 110px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 5px;
}

.page-header[_ngcontent-ng-c942213636]
  .header-right-cont[_ngcontent-ng-c942213636]
  button[_ngcontent-ng-c942213636] {
  background-color: transparent;
  color: var(--white-color);
  font-weight: 400;
  font-size: 12px;
}

.page-header[_ngcontent-ng-c942213636] h1[_ngcontent-ng-c942213636] {
  font-size: clamp(18px, 2vw, 20px);
  margin-bottom: 0;
}

.page-header[_ngcontent-ng-c942213636] .not-loggedIn[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}

.page-header[_ngcontent-ng-c942213636]
  .not-loggedIn[_ngcontent-ng-c942213636]
  button[_ngcontent-ng-c942213636] {
  height: 28px;
  max-width: 110px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 5px;
  color: var(--white-color);
  border: 1px solid var(--white-color);
}

.page-body[_ngcontent-ng-c942213636] {
  padding: 0;
}

.page-body[_ngcontent-ng-c942213636] p[_ngcontent-ng-c942213636],
.page-body[_ngcontent-ng-c942213636] h1[_ngcontent-ng-c942213636],
.page-body[_ngcontent-ng-c942213636] h2[_ngcontent-ng-c942213636],
.page-body[_ngcontent-ng-c942213636] h3[_ngcontent-ng-c942213636],
.page-body[_ngcontent-ng-c942213636] h4[_ngcontent-ng-c942213636],
.page-body[_ngcontent-ng-c942213636] h5[_ngcontent-ng-c942213636],
.page-body[_ngcontent-ng-c942213636] h6[_ngcontent-ng-c942213636] {
  margin: 0;
}

.page-body.demoID[_ngcontent-ng-c942213636] {
  height: calc(100% - 75px);
}

.page-body.demoID[_ngcontent-ng-c942213636]
  .pagetop-bar[_ngcontent-ng-c942213636] {
  top: 74px;
}

.page-body.demoID[_ngcontent-ng-c942213636]
  .game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body {
  min-height: calc(var(--vh, 1vh) * 100 - 165px);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-labels {
  width: 100%;
  justify-content: space-around;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-labels
  .mat-tab-label {
  height: 40px;
  min-width: auto;
  padding: 0 15px;
  opacity: 1;
  font-family: open_semiBold;
  text-transform: uppercase;
  font-size: 12px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-labels
  .mat-tab-label.mat-tab-label-active {
  color: var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-ink-bar {
  background-color: var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636] .mat-tab-group .mat-mdc-tab-body-wrapper {
  padding: 0;
}

.game-tab[_ngcontent-ng-c942213636] .mat-tab-group .mat-tab-body {
  color: var(--text-color);
  min-height: calc(var(--vh, 1vh) * 100 - 130px);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body {
  color: var(--text-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab {
  max-height: calc(var(--vh, 1vh) * 100 - 132px);
  overflow-y: auto;
  min-height: 100%;
  height: auto;
  padding-bottom: 35px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play {
  margin-bottom: 20px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .match-type-heading {
  padding: 10px;
  justify-content: center;
  text-align: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .match-type-heading
  h3 {
  font-size: clamp(0.875rem, 2vw, 1rem);
  display: inline-flex;
  min-width: 150px;
  justify-content: center;
  padding: 0 15px;
  margin: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .match-type-heading
  p {
  font-size: 12px;
  margin: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .team-details {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  column-gap: 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .team-details
  p {
  font-size: 12px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .team-details
  .team-name {
  padding: 10px 20px;
  background-color: var(--card-background);
  border: 1px solid var(--card-background);
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .team-details
  .team-name.batting {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .team-details
  .team-name
  .flag-cont {
  margin-bottom: 5px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .team-play
  .team-details
  .team-name
  .flag-cont
  img {
  display: block;
  margin: auto;
  max-width: 40px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .bookmaker-card.disableMo {
  pointer-events: none;
  cursor: not-allowed;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .bookmaker-card.disableMo
  .count-value {
  cursor: not-allowed;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .bookmaker-card.disableMo
  .count-value:before {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(51, 51, 51, 0.45) url(bg-disabled.d9ec2a5677779dbb.png);
  width: 100%;
  height: 100%;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer {
  background-color: var(--white-color);
  padding: 0;
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .head-wrap {
  background-color: var(--header-dark-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .head-wrap
  .card-heading {
  padding: 0 10px;
  color: var(--white-color);
  font-size: 11px;
  text-transform: uppercase;
  font-family: open_regular;
  letter-spacing: 0.5px;
  margin: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .head-wrap
  button {
  height: 20px;
  min-height: auto;
  line-height: normal;
  font-size: 10px;
  color: var(--secondary-color-contrast);
  border: 0.55px solid var(--primary-color);
  background-color: var(--secondary-color);
  border-radius: 25px;
  margin-right: 10px;
  font-family: open_regular;
  cursor: pointer;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .head-wrap
  button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  filter: grayscale(1);
  background-color: var(--grey-600);
  color: var(--grey-00);
  border: 1px solid var(--grey-300);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-header {
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  padding: 0;
  border-bottom: 0.5px solid var(--grey-00);
  background-color: var(--grey-50);
  min-height: 30px;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-header
  .lay-back-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 30px;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-header
  h3 {
  margin: 0;
  text-align: center;
  font-family: open_semiBold;
  color: var(--grey-text);
  font-size: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-header
  h3.team-title {
  font-size: 0.75rem;
  color: var(--dark-text);
  text-transform: capitalize;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-header
  h3.card-title {
  text-align: left;
  position: relative;
  padding: 0 10px;
  justify-content: flex-start;
  color: var(--blue-text);
  font-family: open_regular;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap {
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  border-bottom: 0.5px solid var(--grey-00);
  padding: 0;
  min-height: 36px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .teamlist-info {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .teamlist-info
  .flag-wrap {
  display: flex;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .teamlist-info
  p {
  margin: 0;
  line-height: 1.2;
  font-size: 0.625rem;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .suspended-wrap {
  border-radius: 0;
  min-height: 35px;
  position: relative;
  display: flex;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .suspended-wrap
  h4 {
  text-align: center;
  margin: 0 auto;
  text-transform: capitalize;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(128, 128, 128, 0.7);
  z-index: 1;
  color: #ca0b0b;
  font-size: 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .suspended-wrap:before {
  content: "";
  background: var(--back-color);
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .suspended-wrap:after {
  content: "";
  background: var(--lay-color);
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 0;
  right: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-v-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value {
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: center;
  justify-content: center;
  border: none;
  min-width: auto;
  min-height: 36px;
  max-height: 36px;
  position: relative;
  font-family: open_bold;
  font-size: 14px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value.sBtn-suspended {
  background: rgba(128, 128, 128, 0.7);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value.sBtn-suspended
  h4 {
  font-size: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: #ca0b0b;
  font-family: open_regular;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value
  .mat-button-focus-overlay,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value
  .mat-ripple {
  display: none;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value
  .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 4px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value
  h4 {
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-family: open_bold;
  line-height: 14px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .data-wrap
  .count-value
  p {
  text-align: center;
  max-width: 30px;
  margin: 0 auto;
  font-size: 10px;
  line-height: normal;
  font-family: open_regular;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap {
  margin: 5px 0;
  background: var(--grey-200);
  padding: 5px;
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .amt-chip-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .amt-chip-grid
  .chip-grid-item {
  text-align: center;
  min-width: auto;
  padding: 10px 0;
  border-radius: 0;
  background: var(--white-color);
  margin-right: 10px;
  font-family: open_light;
  color: var(--dark-text);
  line-height: 1;
  font-size: 12px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .amt-chip-grid
  .chip-grid-item:last-child {
  margin-right: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap.forlay
  .chip-grid-item {
  border: 1px solid var(--lay-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap.forlay
  .bet-action-item:first-child {
  background-color: var(--lay-color);
  color: var(--dark-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap.forback
  .chip-grid-item {
  border: 1px solid var(--back-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap.forback
  .bet-action-item:first-child {
  background-color: var(--back-color);
  color: var(--dark-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid {
  display: grid;
  grid-template-columns: 20% 1fr 1fr 20%;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item {
  align-self: center;
  border-radius: 0;
  margin-right: 10px;
  height: 100%;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item:first-child {
  border-radius: 0;
  font-size: clamp(0.625rem, 2vw, 1rem);
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item:last-child {
  margin-right: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item
  input {
  padding: 0 5px;
  border-radius: 0;
  border: none;
  color: var(--dark-text);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item
  input::placeholder {
  color: var(--text-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item
  input:focus-visible {
  outline: none;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .bet-action-grid
  .bet-action-item
  button {
  border: none;
  border-radius: 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 12px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .betvalue-checkbox {
  margin-top: 10px;
  display: block;
  border-radius: 0;
  padding: 6px 5px;
  font-family: open_light;
  color: var(--dark-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .betvalue-checkbox
  .mat-checkbox-frame {
  border-color: var(--primary-color);
}

.game-tab
  mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-outer
  .card-body
  .betvalue-wrap
  .betvalue-checkbox.mat-checkbox-checked
  .mat-checkbox-background {
  background-color: var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .teamlist-info
  .flag-wrap
  img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .back-count {
  background-color: var(--back-color);
  color: var(--dark-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .back-count.rate-changing {
  animation: _ngcontent-ng-c942213636_blinkBack 0.5s ease;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .lay-count {
  background-color: var(--lay-color);
  color: var(--dark-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .lay-count.rate-changing {
  animation: _ngcontent-ng-c942213636_blinkLay 0.5s ease;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap:first-child
  .count-value {
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap:last-child
  .count-value {
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancy-card
  .card-body
  .data-wrap {
  grid-template-columns: 4fr 2fr;
  position: relative;
  min-height: 36px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancy-card
  .card-body
  .data-wrap
  .bar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 4px;
  align-self: center;
  min-width: 24px;
  padding: 0;
  position: absolute;
  right: 35%;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancy-card
  .card-body
  .data-wrap
  .bar-btn
  mat-icon {
  font-size: clamp(0.75rem, 2vw, 0.875rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #a29ca2;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancy-card
  .card-body
  .data-wrap
  .bar-btn
  img.ladder-img {
  max-height: 18px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancy-card
  .card-body
  .data-wrap
  mat-menu {
  display: none;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancy-card
  .card-body
  .betvalue-wrap:last-child {
  grid-column-start: 1;
  grid-column-end: 4;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .mat-expansion-panel {
  background: var(--white-color);
  color: var(--text-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  mat-expansion-panel-header.card-header {
  padding: 0 10px 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: space-between;
  height: auto;
  background-color: var(--grey-200) !important;
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  mat-expansion-panel-header.card-header
  .mat-expansion-indicator {
  text-align: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  mat-expansion-panel-header.card-header
  .mat-expansion-indicator:after {
  padding: 2px;
  color: var(--body-background);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  mat-expansion-panel-header.card-header
  mat-panel-description {
  justify-content: flex-end;
  margin: 0;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  mat-expansion-panel-header.card-header
  mat-panel-description
  mat-icon {
  font-size: 1.75rem;
  width: 28px;
  height: 28px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancybody-header {
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  padding: 0;
  border-bottom: 0.5px solid var(--grey-00);
  background-color: var(--grey-50);
  min-height: 30px;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancybody-header
  .card-title {
  text-align: left;
  position: relative;
  padding: 0 10px;
  justify-content: flex-start;
  color: var(--blue-text);
  font-family: open_regular;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancybody-header
  .fb-stitle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .fancybody-header
  h3 {
  margin: 0;
  text-align: center;
  font-family: open_semiBold;
  color: var(--grey-text);
  font-size: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .teamlist-info {
  border-radius: 0;
  padding: 0;
  font-family: open_regular;
  row-gap: 3px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .teamlist-info
  h3.team-title {
  text-transform: capitalize;
  font-size: 0.6875rem;
  font-family: open_bold;
  line-height: normal;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .tab-body.sports-tab
  .card-body
  .data-wrap
  .count-value {
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .mkt-tab-section
  mat-tab-group
  .mat-tab-header {
  background-color: transparent;
  border-bottom: 0;
  background-color: var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .mkt-tab-section
  mat-tab-group
  .mat-tab-header
  mat-ink-bar {
  display: none;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .mkt-tab-section
  mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-list
  .mat-tab-labels {
  justify-content: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .mkt-tab-section
  mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-list
  .mat-tab-label {
  background-color: transparent;
  margin-right: 10px;
  height: 30px;
  opacity: 0.9;
  text-transform: uppercase;
  font-family: open_regular;
  font-size: 12px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .mkt-tab-section
  mat-tab-group
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-list
  .mat-tab-label.mat-tab-label-active {
  border-bottom: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-match-screen {
  position: relative;
  background-color: var(--header-dark-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-match-screen.sticky-top {
  position: sticky;
  top: 0;
  z-index: 9999;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-match-screen
  .sticky-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  padding: 5px 5px 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.25rem;
  width: clamp(30px, 6vw, 40px);
  height: clamp(30px, 6vw, 40px);
  cursor: pointer;
  transform: rotate(45deg);
  z-index: 999;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-match-screen
  .sticky-icon.active {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color-contrast);
  transform: rotate(0);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-match-screen
  iframe {
  aspect-ratio: 16/9;
  z-index: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section {
  position: relative;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay {
  width: 100%;
  height: 30px;
  background-color: var(--grey-50);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay.target-info {
  background-color: var(--primary-color);
  color: var(--primary-color-contrast);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay.target-info
  p {
  color: var(--primary-color-contrast);
  animation: none;
  font-size: 12px;
  font-family: open_regular;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay
  p {
  font-size: 12px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  color: var(--primary-color);
  font-family: open_semiBold;
  animation: _ngcontent-ng-c942213636_zoom-in-zoom-out 2s ease infinite;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay
  marquee {
  animation: _ngcontent-ng-c942213636_blinker 1.5s linear infinite;
  font-size: 14px;
  font-family: Open Sans, sans-serif;
  color: var(--primary-color);
  font-family: open_semiBold;
  margin: 0 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 6px;
  min-height: 25px;
  background-color: var(--primary-color-tint);
  position: relative;
  color: var(--primary-color-contrast);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  img {
  max-width: 18px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs {
  padding: 5px;
  background-color: var(--primary-color-tint);
  margin: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .mat-label {
  font-size: 10px;
  margin: 6;
  margin-top: middle;
  color: var(--primary-color-contrast);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  ul {
  justify-content: flex-start;
  column-gap: 2px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .current-over {
  display: flex;

  row-gap: 2px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .current-over
  .mat-label {
  text-align: right;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .previous-over {
  display: flex;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs {
  flex-direction: row-reverse;
  scroll-behavior: smooth;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--primary-color-tint);
  padding: 5px 10px;
  overflow-x: auto;
  min-height: 35px;
  margin-bottom: 0;
  color: var(--primary-color-contrast);
  column-gap: 7px;
  border-top: 1px solid var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs::-webkit-scrollbar {
  height: 3px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  .mat-label {
  margin: 0;
  text-wrap: nowrap;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul {
  width: auto;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._WKT,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._LBW,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._wkt,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._lbw {
  background-color: var(--red-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._6,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._4,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._4NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._6NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._4WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._6WD {
  background-color: var(--green-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._1NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._2NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._3NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._5NB {
  background-color: var(--red-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._1WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._2WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._3WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  ul
  li
  p._5WD {
  background-color: var(--yellow-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--grey-50);
  padding: 5px 10px;
  overflow-x: auto;
  min-height: 35px;
  margin-bottom: 2px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  .mat-label {
  margin-right: 10px;
  font-size: 0.75rem;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
  align-items: center;
  margin: 0;
  width: calc(100% - 85px);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p {
  background-color: var(--grey-200);
  border-radius: 50%;
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 0.6rem;
  width: clamp(20px, 6vw, 30px);
  height: clamp(20px, 6vw, 30px);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._WKT,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._LBW,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._wkt,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._lbw {
  background-color: var(--red-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._6,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._4,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._4NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._6NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._4WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._6WD {
  background-color: var(--green-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._1NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._2NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._3NB,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._5NB {
  background-color: var(--red-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._1WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._2WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._3WD,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p._5WD {
  background-color: var(--yellow-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .batting-team,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  column-gap: 9px;
  font-size: 12px;
  max-width: 50%;
  line-height: normal;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .batting-team
  p,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team
  p {
  font-size: 10px;
  color: var(--primary-color-contrast);
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .batting-team
  p
  .run-rates,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team
  p
  .run-rates {
  font-family: open_semiBold;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .batting-team
  .team-infowrap,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team
  .team-infowrap {
  display: flex;
  align-items: flex-start;
  column-gap: 5px;
  flex-direction: column;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .batting-team
  .team-infowrap
  small,
.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team
  .team-infowrap
  small {
  font-size: 12px;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team {
  flex-direction: row-reverse;
}

.game-tab[_ngcontent-ng-c942213636]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team
  .team-infowrap {
  align-items: flex-end;
}

.game-tab[_ngcontent-ng-c942213636] .info-marquee[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  padding: 0 5px;
  z-index: 1;
  max-width: 768px;
}

.game-tab[_ngcontent-ng-c942213636]
  .info-marquee.bottom[_ngcontent-ng-c942213636] {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--grey-100);
}

.game-tab[_ngcontent-ng-c942213636]
  .info-marquee[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  margin-right: 5px;
  color: var(--grey-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .info-marquee[_ngcontent-ng-c942213636]
  marquee[_ngcontent-ng-c942213636] {
  line-height: normal;
  padding: 8px 0;
  font-weight: 400;
  opacity: 1;
  font-family: open_regular;
  font-size: 0.75rem;
  color: var(--text-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .info-marquee[_ngcontent-ng-c942213636]
  marquee[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  color: var(--primary-color);
}

.game-tab[_ngcontent-ng-c942213636] .pagetop-bar[_ngcontent-ng-c942213636] {
  position: sticky;
  background-color: var(--page-topBar);
  top: 44px;
  z-index: 1000;
}

.game-tab[_ngcontent-ng-c942213636]
  .pagetop-bar.demoID[_ngcontent-ng-c942213636] {
  top: 74px;
}

.game-tab[_ngcontent-ng-c942213636] .team-play-bar[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 10px;
  margin: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar.title-bar[_ngcontent-ng-c942213636] {
  background-color: var(--page-topBar);
  height: 35px;
  color: white;
  padding: 0 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar.title-bar[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: normal;
  cursor: default;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636] {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 10px;
  font-family: open_regular;
  line-height: 1;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  .game-info[_ngcontent-ng-c942213636] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]:first-child {
  max-width: 70%;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]:nth-child(2) {
  max-width: 30%;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]:nth-child(2)
  span[_ngcontent-ng-c942213636] {
  text-align: right;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  .tournament-name[_ngcontent-ng-c942213636],
.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  .date-time[_ngcontent-ng-c942213636] {
  font-size: 10px;
  opacity: 0.8;
  margin: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  line-height: normal;
  font-size: 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: unset;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  button[_ngcontent-ng-c942213636] {
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 10px;
  font-family: open_bold;
  color: var(--primary-color);
  background-color: white;
  padding: 10px;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  .playing[_ngcontent-ng-c942213636] {
  position: absolute;
  top: 0;
  left: 5px;
  background: green;
}

.game-tab[_ngcontent-ng-c942213636]
  .team-play-bar[_ngcontent-ng-c942213636]
  .playing-teams[_ngcontent-ng-c942213636]
  img[_ngcontent-ng-c942213636] {
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 50%;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .card-heading[_ngcontent-ng-c942213636] {
  padding: 0 10px;
  color: var(--text-color);
  font-size: 11px;
  text-transform: uppercase;
  font-family: open_semiBold;
  letter-spacing: 0.5px;
  margin: 0;
  background-color: var(--grey-100);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636] {
  margin-bottom: 5px;
  padding: 0;
  border-radius: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636] {
  font-family: open_light;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin: 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .odds-stake-wrap[_ngcontent-ng-c942213636] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .odds-stake-wrap[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636] {
  text-align: center;
  color: var(--dark-text);
  font-family: open_regular;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-title[_ngcontent-ng-c942213636] {
  background-color: var(--light-row-background);
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 10px;
  margin-bottom: 0;
  padding: 5px 10px;
  border-radius: 6px 6px 0 0;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-title[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636] {
  color: var(--dark-text);
  font-family: open_semiBold;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636] {
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 10px;
  margin-bottom: 0;
  padding: 6px 10px;
  border-bottom: 1px solid var(--grey-50);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist.back-list-row[_ngcontent-ng-c942213636] {
  background-color: var(--back-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist.lay-list-row[_ngcontent-ng-c942213636] {
  background-color: var(--lay-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist.yes-list-row[_ngcontent-ng-c942213636] {
  background-color: var(--back-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist.no-list-row[_ngcontent-ng-c942213636] {
  background-color: var(--lay-color);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  .game-type[_ngcontent-ng-c942213636] {
  align-self: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  .game-type[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636] {
  opacity: 0.8;
  font-size: 12px;
  background-color: #ebebeb;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636] {
  text-transform: capitalize;
  font-family: open_semiBold;
  line-height: normal;
  color: var(--body-background);
  letter-spacing: normal;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636] {
  font-size: 10px;
  margin: 0;
  font-family: open_regular;
  color: var(--dark-text);
  line-height: 1.25;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  p.game-title[_ngcontent-ng-c942213636] {
  margin: 0;
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: start;
  align-items: center;
  column-gap: 3px;
  font-size: 12px;
  font-family: open_semiBold;
  color: var(--dark-text);
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  p.game-title[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.game-tab[_ngcontent-ng-c942213636]
  .betslip-card[_ngcontent-ng-c942213636]
  .betslip-data-wrap[_ngcontent-ng-c942213636]
  .betslip-databody[_ngcontent-ng-c942213636]
  .betslip-datalist[_ngcontent-ng-c942213636]
  .bs-gameinfo[_ngcontent-ng-c942213636]
  p.game-title[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636]:nth-child(2) {
  max-width: unset;
  text-overflow: unset;
  min-width: 15px;
  text-align: center;
}

.bs-gameinfo[_ngcontent-ng-c942213636]
  .bs-content[_ngcontent-ng-c942213636]
  p.placed[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  color: var(--pending-color) !important;
}

.bs-gameinfo[_ngcontent-ng-c942213636]
  .bs-content[_ngcontent-ng-c942213636]
  p.void[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  color: var(--overlay-gray) !important;
}

.bs-gameinfo[_ngcontent-ng-c942213636]
  .bs-content[_ngcontent-ng-c942213636]
  p.won[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  color: var(--win-color) !important;
}

.bs-gameinfo[_ngcontent-ng-c942213636]
  .bs-content[_ngcontent-ng-c942213636]
  p.loss[_ngcontent-ng-c942213636]
  span[_ngcontent-ng-c942213636] {
  color: var(--danger-color) !important;
}

.mat-menu-panel {
  background-color: transparent;
  margin: 5px 0;
}

.mat-menu-panel.ladder-menu {
  min-height: 200px;
}

.ladder-datawrap[_ngcontent-ng-c942213636] {
  position: relative;
  min-height: 200px;
  max-width: 140px;
  background: var(--grey-100);
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-header[_ngcontent-ng-c942213636] {
  background-color: var(--grey-200);
  padding: 2px;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-header[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636] {
  color: var(--grey-text);
  font-size: 0.625rem !important;
  line-height: 1.5;
  margin: 0;
  text-align: center;
  padding: 2px;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-header[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636]:first-child {
  text-align: left;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-header[_ngcontent-ng-c942213636]
  h3[_ngcontent-ng-c942213636]:last-child {
  text-align: right;
}

.ladder-datawrap.dropdown-content[_ngcontent-ng-c942213636] {
  position: absolute;
  display: none;
  z-index: 1;
  right: calc(35% + 25px);
  border-radius: 6px;
  margin: 20px 0;
}

.ladder-datawrap.dropdown-content.show[_ngcontent-ng-c942213636] {
  display: block;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .fancy-loader[_ngcontent-ng-c942213636] {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #24242466;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .fancy-loader[_ngcontent-ng-c942213636]
  .loader[_ngcontent-ng-c942213636] {
  border-radius: 50%;
  border: 3px solid var(--grey-200);
  border-top: 3px solid var(--primary-color);
  width: 30px;
  height: 30px;
  animation: _ngcontent-ng-c942213636_spin 1s linear infinite;
}

@keyframes _ngcontent-ng-c942213636_spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ladder-datawrap[_ngcontent-ng-c942213636] .ld-body[_ngcontent-ng-c942213636] {
  background-color: var(--grey-100);
  border-radius: 0 0 6px 6px;
  padding: 5px;
  max-height: 180px;
  overflow-y: auto;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-body[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636] {
  color: var(--grey-text);
  margin: 0;
  font-size: clamp(0.625rem, 2vw, 0.75rem);
  text-align: center;
  padding: 2px;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-body[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636]:first-child {
  text-align: left;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-body[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636]:last-child {
  text-align: right;
}

.ladder-datawrap[_ngcontent-ng-c942213636] .ld-data[_ngcontent-ng-c942213636] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  border-bottom: 1px solid var(--grey-200);
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  .ld-data[_ngcontent-ng-c942213636]:last-child {
  border: none;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  [_ngcontent-ng-c942213636]::-webkit-scrollbar {
  width: 5px;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  [_ngcontent-ng-c942213636]::-webkit-scrollbar-track {
  background: transparent;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  [_ngcontent-ng-c942213636]::-webkit-scrollbar-thumb {
  background: var(--grey-text);
  border-radius: 6px;
}

.ladder-datawrap[_ngcontent-ng-c942213636]
  [_ngcontent-ng-c942213636]::-webkit-scrollbar-thumb:hover {
  background: var(--card-background);
}

mat-tab-header[_ngcontent-ng-c942213636]
  .mat-mdc-tab-label-container[_ngcontent-ng-c942213636]
  .mat-mdc-tab[_ngcontent-ng-c942213636]:has(.livetv-tab) {
  padding: 0;
}

.livetv-tab[_ngcontent-ng-c942213636] {
  display: flex;
  column-gap: 6px;
}

.livetv-tab[_ngcontent-ng-c942213636] .livetv-btn[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  column-gap: 2px;
  border-radius: 2px;
  background-color: var(--grey-50) !important;
  color: var(--black-color) !important;
  font-size: 0.625rem;
  text-transform: capitalize;
  max-height: 30px;
  font-family: open_semiBold;
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded[_ngcontent-ng-c942213636] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  border-radius: 50%;
  padding: 0;
  justify-content: center;
  column-gap: 0;
  filter: grayscale(1);
  background-color: transparent !important;
  border: 2px solid var(--grey-200);
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded[_ngcontent-ng-c942213636]
  span.material-icons[_ngcontent-ng-c942213636] {
  color: var(--grey-200) !important;
  font-size: 16px;
  width: 100%;
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded.active[_ngcontent-ng-c942213636] {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  filter: grayscale(0);
  border: 2px solid var(--primary-color-contrast);
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded.active[_ngcontent-ng-c942213636]
  span.material-icons[_ngcontent-ng-c942213636] {
  color: var(--primary-color-contrast) !important;
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded.active[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  color: var(--primary-color);
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded[_ngcontent-ng-c942213636]
  img[_ngcontent-ng-c942213636] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.rounded[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--grey-200);
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn.active[_ngcontent-ng-c942213636] {
  background-color: var(--header-dark-color) !important;
  color: var(--white-color) !important;
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn[_ngcontent-ng-c942213636]
  .mat-button-wrapper {
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.livetv-tab[_ngcontent-ng-c942213636]
  .livetv-btn[_ngcontent-ng-c942213636]
  mat-icon[_ngcontent-ng-c942213636] {
  font-size: 1rem;
  width: 18px;
  height: 18px;
}

.mat-mdc-tab-header .mat-mdc-tab-disabled:has(.mdc-tab__content .livetv-tab) {
  opacity: 1;
  pointer-events: all;
  padding: 0;
}

.mat-mdc-tab-header .mdc-tab__content:has(.livetv-tab) {
  pointer-events: all !important;
}

.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab {
  width: 33.3333333333%;
  position: relative;
}

.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  right: 0;
  z-index: 1;
  background-color: var(--white-color);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}

.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab:last-child {
  border: none;
}

.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab:last-child:after {
  display: none;
}

.bethistory-tabs .mat-tab-header {
  position: sticky !important;
  top: 0;
  background-color: var(--primary-color);
  z-index: 100;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.bethistory-tabs
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-labels
  .mat-tab-label {
  text-transform: capitalize !important;
}

.bethistory-tabs
  .mat-tab-header
  .mat-tab-label-container
  .mat-tab-labels
  .mat-tab-label.mat-tab-label-active {
  background-color: var(--primary-color);
  color: var(--white-color) !important;
}

.bethistory-tabs .mat-mdc-tab-body-wrapper .mat-mdc-tab-body {
  max-height: calc(var(--vh, 1vh) * 100 - 160px);
  min-height: auto !important;
}

.back-bg[_ngcontent-ng-c942213636] {
  background-color: var(--back-color);
  color: var(--dark-text) !important;
}

.lay-bg[_ngcontent-ng-c942213636] {
  background-color: var(--lay-color);
  color: var(--dark-text) !important;
}

.no-data[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 100 - 170px);
}

.no-data[_ngcontent-ng-c942213636] p[_ngcontent-ng-c942213636] {
  color: var(--text-color);
  font-family: open_light;
  font-size: 12px;
}

button.bonus-btn[_ngcontent-ng-c942213636] {
  position: absolute !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-height: 36px;
  height: 100%;
  background-color: var(--white-color);
  border-radius: 4px 0 0 4px;
  max-width: 16px;
  padding: 0;
  color: var(--secondary-color) !important;
}

button.bonus-btn[_ngcontent-ng-c942213636] mat-icon[_ngcontent-ng-c942213636] {
  color: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
}

.fancy-head[_ngcontent-ng-c942213636] {
  font-size: 0.625rem;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid var(--white-color);
  background-color: var(--grey-200);
  padding: 0 5px;
  border-radius: 6px 6px 0 0;
  color: var(--grey-text);
  text-align: center;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

div.extra-menu {
  min-height: auto;
  background: var(--header-dark-color);
  border-radius: 4px !important;
}

div.extra-menu button {
  font-size: 10px;
  min-height: 20px;
  display: flex;
  align-items: center;
  color: var(--white-color);
  border-radius: 4px;
}

p.report-issue[_ngcontent-ng-c942213636] {
  margin: 0;
  font-size: 12px;
  text-align: center;
  margin-top: 10px !important;
}

p.report-issue[_ngcontent-ng-c942213636] .link-text[_ngcontent-ng-c942213636] {
  color: var(--secondary-color);
}

@keyframes _ngcontent-ng-c942213636_blinker {
  50% {
    opacity: 60%;
  }
}

@keyframes _ngcontent-ng-c942213636_zoom-in-zoom-out {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.45);
  }

  to {
    transform: scale(1);
  }
}

@keyframes _ngcontent-ng-c942213636_zoom-in-zoom-out-less {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  to {
    transform: scale(1);
  }
}

@keyframes _ngcontent-ng-c942213636_blinkBack {
  0% {
    background-color: var(--back-color);
  }

  50% {
    background-color: #f8e71c;
  }

  to {
    background-color: var(--back-color);
  }
}

@keyframes _ngcontent-ng-c942213636_blinkLay {
  0% {
    background-color: var(--lay-color);
  }

  50% {
    background-color: #26f1f8;
  }

  to {
    background-color: var(--lay-color);
  }
}

.is-loading[_ngcontent-ng-c942213636] .animated[_ngcontent-ng-c942213636] {
  background-color: var(--grey-100);
  background: linear-gradient(
    to right,
    var(--grey-100) 0%,
    var(--grey-50) 20%,
    var(--grey-100) 40%,
    var(--grey-100) 100%
  );
  background-size: 800px 104px;
  animation: 1.5s forwards _ngcontent-ng-c942213636_lazyLoad linear infinite;
  border-radius: 2px;
  margin: 3px 0;
}

.skeleton-wrap.bethistory-loading[_ngcontent-ng-c942213636]
  .sl-tabs[_ngcontent-ng-c942213636] {
  height: 40px;
  margin-bottom: 10px;
  background-color: var(--grey-100);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  column-gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.skeleton-wrap.bethistory-loading[_ngcontent-ng-c942213636]
  .sl-tabs[_ngcontent-ng-c942213636]
  .sl-tab-item[_ngcontent-ng-c942213636]
  p[_ngcontent-ng-c942213636] {
  height: 10px;
  margin: auto;
  border-radius: 2px;
  max-width: 50px;
}

.skeleton-wrap.bethistory-loading[_ngcontent-ng-c942213636]
  .sl-card[_ngcontent-ng-c942213636] {
  background: var(--grey-100);
  margin: 10px 5px;
}

.skeleton-wrap.bethistory-loading[_ngcontent-ng-c942213636]
  .sl-card[_ngcontent-ng-c942213636]
  .card-row[_ngcontent-ng-c942213636] {
  grid-template-columns: 20px 2fr 1fr;
  column-gap: 5px;
  padding: 10px 5px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.skeleton-wrap.bethistory-loading[_ngcontent-ng-c942213636]
  .sl-card[_ngcontent-ng-c942213636]
  .card-row[_ngcontent-ng-c942213636]
  .avatar[_ngcontent-ng-c942213636] {
  border-radius: 4px;
}

.skeleton-wrap[_ngcontent-ng-c942213636] .sl-row[_ngcontent-ng-c942213636] {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 5px;
  align-items: center;
  padding: 0 10px;
}

.skeleton-wrap[_ngcontent-ng-c942213636] .top-bar[_ngcontent-ng-c942213636] {
  min-height: 35px;
  background-color: var(--grey-100);
}

.skeleton-wrap[_ngcontent-ng-c942213636]
  .top-bar[_ngcontent-ng-c942213636]
  .sl-col[_ngcontent-ng-c942213636] {
  display: flex;
  align-items: center;
  column-gap: 5px;
  justify-content: flex-start;
}

.skeleton-wrap[_ngcontent-ng-c942213636]
  .top-bar[_ngcontent-ng-c942213636]
  .sl-col[_ngcontent-ng-c942213636]:nth-child(2) {
  justify-content: flex-end;
}

.skeleton-wrap[_ngcontent-ng-c942213636] .tabs[_ngcontent-ng-c942213636] {
  min-height: 40px;
  border-bottom: 1px solid var(--grey-text);
}

.skeleton-wrap[_ngcontent-ng-c942213636] .sl-card[_ngcontent-ng-c942213636] {
  background: var(--grey-100);
  margin: 10px 0;
}

.skeleton-wrap[_ngcontent-ng-c942213636]
  .sl-card[_ngcontent-ng-c942213636]
  .card-row[_ngcontent-ng-c942213636] {
  min-height: 35px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding-left: 10px;
  align-items: center;
  background: var(--grey-50);
}

.skeleton-wrap[_ngcontent-ng-c942213636]
  .sl-card[_ngcontent-ng-c942213636]
  .card-row[_ngcontent-ng-c942213636]:last-child {
  padding-bottom: 5px;
}

@keyframes _ngcontent-ng-c942213636_lazyLoad {
  0% {
    background-position: -468px 0;
  }

  to {
    background-position: 468px 0;
  }
}

@media only screen and (max-width: 390px) {
  .game-tab[_ngcontent-ng-c942213636]
    .live-score-section[_ngcontent-ng-c942213636]
    .last-balls-record.multiple-overs[_ngcontent-ng-c942213636] {
    justify-content: center;
  }

  .game-tab[_ngcontent-ng-c942213636]
    .live-score-section[_ngcontent-ng-c942213636]
    .last-balls-record.multiple-overs[_ngcontent-ng-c942213636]
    .mat-label[_ngcontent-ng-c942213636] {
    text-align: center;
  }

  .game-tab[_ngcontent-ng-c942213636]
    .live-score-section[_ngcontent-ng-c942213636]
    .last-balls-record.multiple-overs[_ngcontent-ng-c942213636]
    .previous-over[_ngcontent-ng-c942213636] {
    display: none;
  }
}

@media only screen and (max-width: 540px) {
  .live-match-screen[_ngcontent-ng-c942213636]
    iframe[_ngcontent-ng-c942213636] {
    aspect-ratio: 16/9;
    max-height: 280px;
    z-index: 0;
  }
}

@media only screen and (max-height: 800px) {
  .live-match-screen[_ngcontent-ng-c942213636]
    iframe[_ngcontent-ng-c942213636] {
    max-width: 480px;
    margin: auto;
    display: block;
  }
}

.d-none[_ngcontent-ng-c942213636] {
  display: none !important;
}

.mdc-tab {
  min-width: 90px;
  padding-right: 24px;
  padding-left: 24px;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  outline: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}

.mdc-tab::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mdc-tab[hidden] {
  display: none;
}

.mdc-tab--min-width {
  flex: 0 1 auto;
}

.mdc-tab__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none;
}

.mdc-tab__text-label {
  transition: 150ms color linear;
  display: inline-block;
  line-height: 1;
  z-index: 2;
}

.mdc-tab__icon {
  transition: 150ms color linear;
  z-index: 2;
}

.mdc-tab--stacked .mdc-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mdc-tab--stacked .mdc-tab__text-label {
  padding-top: 6px;
  padding-bottom: 4px;
}

.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon {
  transition-delay: 100ms;
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  padding-left: 8px;
  padding-right: 0;
}

[dir="rtl"]
  .mdc-tab:not(.mdc-tab--stacked)
  .mdc-tab__icon
  + .mdc-tab__text-label,
.mdc-tab:not(.mdc-tab--stacked)
  .mdc-tab__icon
  + .mdc-tab__text-label[dir="rtl"] {
  padding-left: 0;
  padding-right: 8px;
}

.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.mdc-tab-indicator__content {
  transform-origin: left;
  opacity: 0;
}

.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
}

.mdc-tab-indicator__content--icon {
  align-self: center;
  margin: 0 auto;
}

.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1;
}

.mdc-tab-indicator .mdc-tab-indicator__content {
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  transition: none;
}

.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition: 150ms opacity linear;
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition-delay: 100ms;
}

.mat-mdc-tab-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

.mat-mdc-tab {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  background: none;
  font-family: var(--mat-tab-header-label-text-font);
  font-size: var(--mat-tab-header-label-text-size);
  letter-spacing: var(--mat-tab-header-label-text-tracking);
  line-height: var(--mat-tab-header-label-text-line-height);
  font-weight: var(--mat-tab-header-label-text-weight);
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--mdc-tab-indicator-active-indicator-color);
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-top-width: var(--mdc-tab-indicator-active-indicator-height);
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-radius: var(--mdc-tab-indicator-active-indicator-shape);
}

.mat-mdc-tab:not(.mdc-tab--stacked) {
  height: var(--mdc-secondary-navigation-tab-container-height);
}

.mat-mdc-tab:not(:disabled).mdc-tab--active .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):hover.mdc-tab--active .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):focus.mdc-tab--active .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):active.mdc-tab--active .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:disabled.mdc-tab--active .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):not(.mdc-tab--active) .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):hover:not(.mdc-tab--active) .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):focus:not(.mdc-tab--active) .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:not(:disabled):active:not(.mdc-tab--active) .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab:disabled:not(.mdc-tab--active) .mdc-tab__icon {
  fill: currentColor;
}

.mat-mdc-tab.mdc-tab {
  flex-grow: 0;
}

.mat-mdc-tab:hover .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-hover-label-text-color);
}

.mat-mdc-tab:focus .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-focus-label-text-color);
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--mat-tab-header-active-label-text-color);
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
.mat-mdc-tab.mdc-tab--active .mat-ripple-element {
  background-color: var(--mat-tab-header-active-ripple-color);
}

.mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
  color: var(--mat-tab-header-active-hover-label-text-color);
}

.mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
  border-color: var(--mat-tab-header-active-hover-indicator-color);
}

.mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: var(--mat-tab-header-active-focus-label-text-color);
}

.mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: var(--mat-tab-header-active-focus-indicator-color);
}

.mat-mdc-tab.mat-mdc-tab-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__content {
  pointer-events: none;
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,
.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element {
  background-color: var(--mat-tab-header-disabled-ripple-color);
}

.mat-mdc-tab .mdc-tab__ripple::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background-color: var(--mat-tab-header-inactive-ripple-color);
}

.mat-mdc-tab .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-label-text-color);
  display: inline-flex;
  align-items: center;
}

.mat-mdc-tab .mdc-tab__content {
  position: relative;
  pointer-events: auto;
}

.mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0.04;
}

.mat-mdc-tab.cdk-program-focused .mdc-tab__ripple::before,
.mat-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before {
  opacity: 0.12;
}

.mat-mdc-tab .mat-ripple-element {
  opacity: 0.12;
  background-color: var(--mat-tab-header-inactive-ripple-color);
}

.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs
  > .mat-mdc-tab-header
  .mat-mdc-tab {
  flex-grow: 1;
}

.mat-mdc-tab-group {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header,
.mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination {
  background-color: var(--mat-tab-header-with-background-background-color);
}

.mat-mdc-tab-group.mat-tabs-with-background.mat-primary
  > .mat-mdc-tab-header
  .mat-mdc-tab
  .mdc-tab__text-label {
  color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-tabs-with-background.mat-primary
  > .mat-mdc-tab-header
  .mdc-tab-indicator__content--underline {
  border-color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)
  > .mat-mdc-tab-header
  .mat-mdc-tab:not(.mdc-tab--active)
  .mdc-tab__text-label {
  color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)
  > .mat-mdc-tab-header
  .mat-mdc-tab:not(.mdc-tab--active)
  .mdc-tab-indicator__content--underline {
  border-color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header
  .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header
  .mat-mdc-focus-indicator::before,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header-pagination
  .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header-pagination
  .mat-mdc-focus-indicator::before {
  border-color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header
  .mat-ripple-element,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header
  .mdc-tab__ripple::before,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header-pagination
  .mat-ripple-element,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header-pagination
  .mdc-tab__ripple::before {
  background-color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header
  .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-tabs-with-background
  > .mat-mdc-tab-header-pagination
  .mat-mdc-tab-header-pagination-chevron {
  color: var(--mat-tab-header-with-background-foreground-color);
}

.mat-mdc-tab-group.mat-mdc-tab-group-inverted-header {
  flex-direction: column-reverse;
}

.mat-mdc-tab-group.mat-mdc-tab-group-inverted-header
  .mdc-tab-indicator__content--underline {
  align-self: flex-start;
}

.mat-mdc-tab-body-wrapper {
  position: relative;
  /* overflow: hidden; */
  /* display: flex; */

  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.mat-mdc-tab-body-wrapper._mat-animation-noopable {
  transition: none !important;
  animation: none !important;
}

.mat-mdc-tab-header {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mdc-tab-indicator .mdc-tab-indicator__content {
  transition-duration: var(--mat-tab-animation-duration, 250ms);
}

.mat-mdc-tab-header-pagination {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: none;
  box-sizing: content-box;
  background: none;
  border: none;
  outline: 0;
  padding: 0;
}

.mat-mdc-tab-header-pagination::-moz-focus-inner {
  border: 0;
}

.mat-mdc-tab-header-pagination .mat-ripple-element {
  opacity: 0.12;
  background-color: var(--mat-tab-header-inactive-ripple-color);
}

.mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
  display: flex;
}

.mat-mdc-tab-header-pagination-before,
.mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after {
  padding-left: 4px;
}

.mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-header-rtl
  .mat-mdc-tab-header-pagination-after
  .mat-mdc-tab-header-pagination-chevron {
  transform: rotate(-135deg);
}

.mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before,
.mat-mdc-tab-header-pagination-after {
  padding-right: 4px;
}

.mat-mdc-tab-header-rtl
  .mat-mdc-tab-header-pagination-before
  .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
  transform: rotate(45deg);
}

.mat-mdc-tab-header-pagination-chevron {
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
  border-color: var(--mat-tab-header-pagination-icon-color);
}

.mat-mdc-tab-header-pagination-disabled {
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

.mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  opacity: 0.4;
}

.mat-mdc-tab-list {
  flex-grow: 1;
  position: relative;
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

._mat-animation-noopable .mat-mdc-tab-list {
  transition: none;
}

._mat-animation-noopable span.mdc-tab-indicator__content,
._mat-animation-noopable span.mdc-tab__text-label {
  transition: none;
}

.mat-mdc-tab-label-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
}

.mat-mdc-tab-labels {
  display: flex;
  flex: 1 0 auto;
}

[mat-align-tabs="center"] > .mat-mdc-tab-header .mat-mdc-tab-labels {
  justify-content: center;
}

[mat-align-tabs="end"] > .mat-mdc-tab-header .mat-mdc-tab-labels {
  justify-content: flex-end;
}

.mat-mdc-tab::before {
  margin: 5px;
}

.cdk-high-contrast-active .mat-mdc-tab[aria-disabled="true"] {
  color: GrayText;
}

.mat-mdc-tab-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  outline: 0;
  flex-basis: 100%;
}

.mat-mdc-tab-body.mat-mdc-tab-body-active {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  flex-grow: 1;
}

.mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height
  .mat-mdc-tab-body.mat-mdc-tab-body-active {
  overflow-y: hidden;
}

.mat-mdc-tab-body-content {
  height: 100%;
  overflow: auto;
}

.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content {
  overflow: hidden;
}

.mat-mdc-tab-body-content[style*="visibility: hidden"] {
  display: none;
}

ion-action-sheet,
ion-action-sheet-controller,
ion-alert,
ion-alert-controller,
ion-anchor,
ion-app,
ion-avatar,
ion-back-button,
ion-backdrop,
ion-badge,
ion-button,
ion-buttons,
ion-card,
ion-card-content,
ion-card-header,
ion-card-subtitle,
ion-card-title,
ion-checkbox,
ion-chip,
ion-col,
ion-content,
ion-datetime,
ion-fab,
ion-fab-button,
ion-fab-list,
ion-footer,
ion-grid,
ion-header,
ion-icon,
ion-img,
ion-infinite-scroll,
ion-infinite-scroll-content,
ion-input,
ion-item,
ion-item-divider,
ion-item-group,
ion-item-option,
ion-item-options,
ion-item-sliding,
ion-label,
ion-list,
ion-list-header,
ion-loading,
ion-loading-controller,
ion-menu,
ion-menu-button,
ion-menu-controller,
ion-menu-toggle,
ion-modal,
ion-modal-controller,
ion-nav,
ion-nav-pop,
ion-nav-push,
ion-nav-set-root,
ion-note,
ion-picker,
ion-picker-column,
ion-picker-controller,
ion-popover,
ion-popover-controller,
ion-progress-bar,
ion-radio,
ion-radio-group,
ion-range,
ion-refresher,
ion-refresher-content,
ion-reorder,
ion-reorder-group,
ion-ripple-effect,
ion-route,
ion-route-redirect,
ion-router,
ion-router-outlet,
ion-row,
ion-searchbar,
ion-segment,
ion-segment-button,
ion-select,
ion-select-option,
ion-select-popover,
ion-skeleton-text,
ion-slide,
ion-slides,
ion-spinner,
ion-split-pane,
ion-tab,
ion-tab-bar,
ion-tab-button,
ion-tabs,
ion-text,
ion-textarea,
ion-thumbnail,
ion-title,
ion-toast,
ion-toast-controller,
ion-toggle,
ion-toolbar,
ion-virtual-scroll {
  visibility: hidden;
}

.hydrated {
  visibility: inherit;
}

ion-refresher {
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  width: 100%;
  height: 60px;
  z-index: -1;
}

:host-context([dir="rtl"]) ion-refresher {
  right: 0;
}

ion-refresher.refresher-active {
  display: block;
}

ion-refresher-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%;
}

.refresher-pulling-icon,
.refresher-refreshing-icon {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 30px;
  text-align: center;
}

:host-context([dir="rtl"]) .refresher-pulling-icon,
:host-context([dir="rtl"]) .refresher-refreshing-icon {
  -webkit-transform-origin: calc(100% - center);
  transform-origin: calc(100% - center);
}

.refresher-pulling-text,
.refresher-refreshing-text {
  font-size: 16px;
  text-align: center;
}

.refresher-pulling ion-refresher-content .refresher-pulling,
.refresher-ready ion-refresher-content .refresher-pulling {
  display: block;
}

.refresher-ready ion-refresher-content .refresher-pulling-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.refresher-cancelling ion-refresher-content .refresher-pulling,
.refresher-refreshing ion-refresher-content .refresher-refreshing {
  display: block;
}

.refresher-cancelling ion-refresher-content .refresher-pulling-icon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.refresher-completing ion-refresher-content .refresher-refreshing {
  display: block;
}

.refresher-completing ion-refresher-content .refresher-refreshing-icon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.refresher-md .refresher-pulling-icon,
.refresher-md .refresher-pulling-text,
.refresher-md .refresher-refreshing-icon,
.refresher-md .refresher-refreshing-text {
  color: var(--ion-text-color, #000);
}

.refresher-md .refresher-refreshing .spinner-crescent circle,
.refresher-md .refresher-refreshing .spinner-lines-md line,
.refresher-md .refresher-refreshing .spinner-lines-small-md line {
  stroke: var(--ion-text-color, #000);
}

.refresher-md .refresher-refreshing .spinner-bubbles circle,
.refresher-md .refresher-refreshing .spinner-circles circle,
.refresher-md .refresher-refreshing .spinner-dots circle {
  fill: var(--ion-text-color, #000);
}

.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  opacity: var(--mdc-elevation-overlay-opacity, 0);
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-dialog,
.mdc-dialog__scrim {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.mdc-dialog {
  display: none;
  z-index: 9999999999999999999999999999;
}

.mdc-dialog .mdc-dialog__content {
  padding: 20px 24px 20px 24px;
}

.mdc-dialog .mdc-dialog__surface {
  min-width: 280px;
}

@media (max-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: calc(100vw - 32px);
  }
}

@media (min-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: 560px;
  }
}

.mdc-dialog .mdc-dialog__surface {
  max-height: calc(100% - 32px);
}

.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  max-width: none;
}

@media (max-width: 960px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-height: 560px;
    width: 560px;
  }

  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    right: -12px;
  }
}

@media (max-width: 720px) and (max-width: 672px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    width: calc(100vw - 112px);
  }
}

@media (max-width: 720px) and (min-width: 672px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    width: 560px;
  }
}

@media (max-width: 720px) and (max-height: 720px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-height: calc(100vh - 160px);
  }
}

@media (max-width: 720px) and (min-height: 720px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-height: 560px;
  }
}

@media (max-width: 720px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    right: -12px;
  }
}

@media (max-width: 720px) and (max-height: 400px),
  (max-width: 600px),
  (min-width: 720px) and (max-height: 400px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100vw;
    border-radius: 0;
  }

  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    order: -1;
    left: -12px;
  }

  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
    padding: 0 16px 9px;
    justify-content: flex-start;
  }

  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
    margin-left: calc(16px - 2 * 12px);
  }
}

@media (min-width: 960px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    width: calc(100vw - 400px);
  }

  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    right: -12px;
  }
}

.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim {
  opacity: 0;
}

.mdc-dialog__scrim {
  opacity: 0;
  z-index: -1;
}

.mdc-dialog__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}

.mdc-dialog__surface {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  overflow-y: auto;
  outline: 0;
}

.mdc-dialog__surface .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

[dir="rtl"] .mdc-dialog__surface,
.mdc-dialog__surface[dir="rtl"] {
  text-align: right;
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-dialog__surface {
    outline: 2px solid windowText;
  }
}

.mdc-dialog__surface::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

@media screen and (forced-colors: active) {
  .mdc-dialog__surface::before {
    border-color: CanvasText;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .mdc-dialog__surface::before {
    content: none;
  }
}

.mdc-dialog__title {
  display: block;
  margin-top: 0;
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0 0 1px;
  padding: 0 24px 9px;
}

.mdc-dialog__title::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}

[dir="rtl"] .mdc-dialog__title,
.mdc-dialog__title[dir="rtl"] {
  text-align: right;
}

.mdc-dialog--scrollable .mdc-dialog__title {
  margin-bottom: 1px;
  padding-bottom: 15px;
}

.mdc-dialog--fullscreen .mdc-dialog__header {
  align-items: baseline;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  display: inline-flex;
  justify-content: space-between;
  padding: 0 24px 9px;
  z-index: 1;
}

@media screen and (forced-colors: active) {
  .mdc-dialog--fullscreen .mdc-dialog__header {
    border-bottom-color: CanvasText;
  }
}

.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
  right: -12px;
}

.mdc-dialog--fullscreen .mdc-dialog__title {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 0;
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title {
  border-bottom: 0;
  margin-bottom: 0;
}

.mdc-dialog--fullscreen .mdc-dialog__close {
  top: 5px;
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

@media screen and (forced-colors: active) {
  .mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
    border-top-color: CanvasText;
  }
}

.mdc-dialog--fullscreen--titleless .mdc-dialog__close {
  margin-top: 4px;
}

.mdc-dialog--fullscreen--titleless.mdc-dialog--scrollable .mdc-dialog__close {
  margin-top: 0;
}

.mdc-dialog__content {
  flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  overflow: auto;
}

.mdc-dialog__content > :first-child {
  margin-top: 0;
}

.mdc-dialog__content > :last-child {
  margin-bottom: 0;
}

.mdc-dialog__title + .mdc-dialog__content,
.mdc-dialog__header + .mdc-dialog__content {
  padding-top: 0;
}

.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content {
  padding-top: 8px;
  padding-bottom: 8px;
}

.mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
  padding: 6px 0 0;
}

.mdc-dialog--scrollable
  .mdc-dialog__content
  .mdc-deprecated-list:first-child:last-child {
  padding: 0;
}

.mdc-dialog__actions {
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  min-height: 52px;
  margin: 0;
  padding: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0);
}

@media screen and (forced-colors: active) {
  .mdc-dialog__actions {
    border-top-color: CanvasText;
  }
}

.mdc-dialog--stacked .mdc-dialog__actions {
  flex-direction: column;
  align-items: flex-end;
}

.mdc-dialog__button {
  margin-left: 8px;
  margin-right: 0;
  max-width: 100%;
  text-align: right;
}

[dir="rtl"] .mdc-dialog__button,
.mdc-dialog__button[dir="rtl"] {
  margin-left: 0;
  margin-right: 8px;
}

.mdc-dialog__button:first-child {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .mdc-dialog__button:first-child,
.mdc-dialog__button:first-child[dir="rtl"] {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .mdc-dialog__button,
.mdc-dialog__button[dir="rtl"] {
  text-align: left;
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  margin-top: 12px;
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
  display: flex;
}

.mdc-dialog--opening .mdc-dialog__scrim {
  transition: opacity 150ms linear;
}

.mdc-dialog--opening .mdc-dialog__container {
  transition: opacity 75ms linear,
    transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
  transition: opacity 75ms linear;
}

.mdc-dialog--closing .mdc-dialog__container {
  transform: none;
}

.mdc-dialog--open .mdc-dialog__scrim {
  opacity: 1;
}

.mdc-dialog--open .mdc-dialog__container {
  transform: none;
  opacity: 1;
}

.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim {
  opacity: 1;
}

.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
  transition: opacity 75ms linear;
}

.mdc-dialog--open.mdc-dialog__surface-scrim--showing
  .mdc-dialog__surface-scrim {
  transition: opacity 150ms linear;
}

.mdc-dialog__surface-scrim {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
  display: block;
}

.mdc-dialog-scroll-lock {
  overflow: hidden;
}

.mdc-dialog--no-content-padding .mdc-dialog__content {
  padding: 0;
}

.mdc-dialog--sheet .mdc-dialog__container .mdc-dialog__close {
  right: 12px;
  top: 9px;
  position: absolute;
  z-index: 1;
}

.mdc-dialog__scrim--removed {
  pointer-events: none;
}

.mdc-dialog__scrim--removed .mdc-dialog__scrim,
.mdc-dialog__scrim--removed .mdc-dialog__surface-scrim {
  display: none;
}

.mat-mdc-dialog-content {
  max-height: 65vh;
}

.mat-mdc-dialog-container {
  position: static;
  display: block;
}

.mat-mdc-dialog-container,
.mat-mdc-dialog-container .mdc-dialog__container,
.mat-mdc-dialog-container .mdc-dialog__surface {
  max-height: inherit;
  min-height: inherit;
  min-width: inherit;
  max-width: inherit;
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  display: block;
  width: 100%;
  height: 100%;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mdc-dialog-container-elevation: var(
    --mdc-dialog-container-elevation-shadow
  );
  outline: 0;
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--mdc-dialog-container-color, white);
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  box-shadow: var(
    --mdc-dialog-container-elevation,
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: var(--mdc-dialog-container-shape, 4px);
}

.mat-mdc-dialog-container .mdc-dialog__title {
  font-family: var(--mdc-dialog-subhead-font, Roboto, sans-serif);
  line-height: var(--mdc-dialog-subhead-line-height, 1.5rem);
  font-size: var(--mdc-dialog-subhead-size, 1rem);
  font-weight: var(--mdc-dialog-subhead-weight, 400);
  letter-spacing: var(--mdc-dialog-subhead-tracking, 0.03125em);
}

.mat-mdc-dialog-container .mdc-dialog__title {
  color: var(--mdc-dialog-subhead-color, rgba(0, 0, 0, 0.87));
}

.mat-mdc-dialog-container .mdc-dialog__content {
  font-family: var(--mdc-dialog-supporting-text-font, Roboto, sans-serif);
  line-height: var(--mdc-dialog-supporting-text-line-height, 1.5rem);
  font-size: var(--mdc-dialog-supporting-text-size, 1rem);
  font-weight: var(--mdc-dialog-supporting-text-weight, 400);
  letter-spacing: var(--mdc-dialog-supporting-text-tracking, 0.03125em);
}

.mat-mdc-dialog-container .mdc-dialog__content {
  color: var(--mdc-dialog-supporting-text-color, rgba(0, 0, 0, 0.6));
}

.mat-mdc-dialog-container .mdc-dialog__container {
  transition-duration: var(--mat-dialog-transition-duration, 0ms);
}

.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container {
  transition: none;
}

.mat-mdc-dialog-content {
  display: block;
}

.mat-mdc-dialog-actions {
  justify-content: start;
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-center,
.mat-mdc-dialog-actions[align="center"] {
  justify-content: center;
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align="end"] {
  justify-content: flex-end;
}

.mat-mdc-dialog-actions .mat-button-base + .mat-button-base,
.mat-mdc-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 8px;
}

[dir="rtl"] .mat-mdc-dialog-actions .mat-button-base + .mat-button-base,
[dir="rtl"]
  .mat-mdc-dialog-actions
  .mat-mdc-button-base
  + .mat-mdc-button-base {
  margin-left: 0;
  margin-right: 8px;
}

.betslip-modal.forlay[_ngcontent-ng-c2459892542] {
  background-color: var(--lay-light);
}

.betslip-modal.forback[_ngcontent-ng-c2459892542] {
  background-color: var(--back-light);
}

.betslip-modal[_ngcontent-ng-c2459892542]
  .modal-header[_ngcontent-ng-c2459892542] {
  background-color: var(--header-dark-color);
  color: var(--white-color);
}

.betslip-modal[_ngcontent-ng-c2459892542]
  .modal-header[_ngcontent-ng-c2459892542]
  .action-btns[_ngcontent-ng-c2459892542] {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  position: absolute;
  right: 10px;
}

.betslip-modal[_ngcontent-ng-c2459892542]
  .modal-header[_ngcontent-ng-c2459892542]
  mat-icon[_ngcontent-ng-c2459892542] {
  font-size: 0.875rem;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--primary-color-contrast);
}

.betslip-modal[_ngcontent-ng-c2459892542]
  .modal-header[_ngcontent-ng-c2459892542]
  button[_ngcontent-ng-c2459892542] {
  min-width: auto;
  width: 25px;
  max-height: 25px;
  background: var(--secondary-bg) !important;
  border-radius: 50%;
  padding: 0;
  position: relative;
  top: unset;
  right: unset;
}

.betslip-modal[_ngcontent-ng-c2459892542]
  .modal-header[_ngcontent-ng-c2459892542]
  button[_ngcontent-ng-c2459892542]:focus-visible {
  border: 0 !important;
  outline: none;
}

.betslip-modal[_ngcontent-ng-c2459892542]
  .modal-header[_ngcontent-ng-c2459892542]
  button[_ngcontent-ng-c2459892542]
  span[_ngcontent-ng-c2459892542] {
  color: var(--primary-color-contrast);
  font-size: 16px;
  max-width: 24px;
}

.betslip-toprow[_ngcontent-ng-c2459892542] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  margin-bottom: 5px;
}

.betslip-toprow[_ngcontent-ng-c2459892542] h2[_ngcontent-ng-c2459892542] {
  margin: 0 5px 0 0;
  font-size: 0.75rem;
  color: var(--dark-text);
  min-width: 60%;
  line-height: 1.2;
}

.betslip-toprow[_ngcontent-ng-c2459892542]
  h2.fancy-run[_ngcontent-ng-c2459892542] {
  max-width: 40%;
  min-width: auto;
  margin: 0;
  font-family: open_semiBold;
}

.betslip-toprow[_ngcontent-ng-c2459892542]
  .inp-btn-wrap[_ngcontent-ng-c2459892542] {
  display: flex;
  align-items: center;
}

.betslip-toprow[_ngcontent-ng-c2459892542]
  .inp-btn-wrap[_ngcontent-ng-c2459892542]
  button[_ngcontent-ng-c2459892542] {
  font-size: clamp(0.75rem, 2vw, 0.875rem);
  text-align: center;
  min-width: 30px;
  padding: 10px 0;
  border-radius: 0;
  background: var(--header-dark-color);
  font-weight: 300;
  line-height: 1;
  min-height: 30px;
}

.betslip-toprow[_ngcontent-ng-c2459892542]
  .inp-btn-wrap[_ngcontent-ng-c2459892542]
  input[_ngcontent-ng-c2459892542] {
  padding: 0 5px;
  border-radius: 8px;
  border: 1px solid var(--header-dark-color);
  background-color: var(--white-color);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  min-height: 32px;
  line-height: 1;
}

.betslip-toprow[_ngcontent-ng-c2459892542]
  .inp-btn-wrap[_ngcontent-ng-c2459892542]
  input[_ngcontent-ng-c2459892542]:focus-visible {
  outline: none;
}

.betvalue-wrap[_ngcontent-ng-c2459892542] {
  margin: 0;
  border-radius: 0;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .amt-chip-grid[_ngcontent-ng-c2459892542] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
  column-gap: 10px;
  row-gap: 10px;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .amt-chip-grid[_ngcontent-ng-c2459892542]
  .chip-grid-item[_ngcontent-ng-c2459892542] {
  flex: 1 1 70px;
  text-align: center;
  min-width: auto;
  padding: 10px 0;
  border-radius: 8px;
  background: var(--header-dark-color);
  color: var(--white-color);
  font-weight: 500;
  line-height: 1;
  min-height: 40px;
  font-size: 12px;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .amt-chip-grid[_ngcontent-ng-c2459892542]
  .chip-grid-item[_ngcontent-ng-c2459892542]:last-child {
  margin-right: 0;
}

.betvalue-wrap.forlay[_ngcontent-ng-c2459892542] {
  background-color: var(--lay-light);
}

.betvalue-wrap.forlay[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]:first-child {
  background-color: var(--lay-color);
}

.betvalue-wrap.forback[_ngcontent-ng-c2459892542] {
  background-color: var(--back-light);
}

.betvalue-wrap.forback[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]:first-child {
  background-color: var(--back-color);
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542] {
  display: grid;
  grid-template-columns: 1fr 3fr 2fr;
  margin-bottom: 5px;
  column-gap: 10px;
  row-gap: 10px;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542] {
  align-self: center;
  border-radius: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  color: var(--dark-text);
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]:first-child {
  border-radius: 0;
  font-size: 10px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: transparent;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]:last-child {
  margin-right: 0;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]
  input[_ngcontent-ng-c2459892542] {
  padding: 0 5px;
  border-radius: 8px;
  border: 1px solid var(--header-dark-color);
  background-color: var(--white-color);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]
  input.rate-inp[_ngcontent-ng-c2459892542] {
  border: 2px solid var(--secondary-color);
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]
  input[_ngcontent-ng-c2459892542]:focus-visible {
  outline: none;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .bet-action-grid[_ngcontent-ng-c2459892542]
  .bet-action-item[_ngcontent-ng-c2459892542]
  button[_ngcontent-ng-c2459892542] {
  border: none;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  border-radius: 8px;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .betvalue-checkbox[_ngcontent-ng-c2459892542] {
  margin: 5px 0;
  display: block;
  border-radius: 8px;
  padding: 3px 5px;
  font-weight: 300;
  background-color: var(--white-color);
  font-size: 10px;
  height: 34px;
  display: flex;
  align-items: center;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .betvalue-checkbox[_ngcontent-ng-c2459892542]
  .mdc-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .betvalue-checkbox[_ngcontent-ng-c2459892542]
  .mdc-checkbox
  .mdc-checkbox__background {
  width: 14px;
  height: 14px;
}

.betvalue-wrap
  .betvalue-checkbox.mat-checkbox-disabled
  .mat-checkbox-inner-container {
  opacity: 0.6;
}

.betvalue-wrap .betvalue-checkbox.mat-checkbox-disabled .mat-checkbox-label {
  opacity: 0.6;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .betvalue-checkbox[_ngcontent-ng-c2459892542]
  .mat-checkbox-frame {
  border-color: var(--primary-color);
}

.betvalue-wrap
  .betvalue-checkbox.mat-checkbox-checked
  .mat-checkbox-background {
  background-color: var(--primary-color);
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .range-text-row[_ngcontent-ng-c2459892542] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.betvalue-wrap[_ngcontent-ng-c2459892542]
  .range-text-row[_ngcontent-ng-c2459892542]
  h2[_ngcontent-ng-c2459892542] {
  margin: 0;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.betvalue-wrap[_ngcontent-ng-c2459892542] .slip-btn[_ngcontent-ng-c2459892542] {
  background-color: var(--secondary-bg);
  color: var(--primary-color-contrast);
  line-height: 1;
  padding: 10px 0;
  font-size: 12px;
}

.error-wrap[_ngcontent-ng-c2459892542] {
  display: grid;
  grid-template-columns: 1fr 3fr 2fr;
  column-gap: 10px;
  row-gap: 10px;
}

.error-wrap[_ngcontent-ng-c2459892542] .error-msg[_ngcontent-ng-c2459892542] {
  margin-top: 0;
}

.error-msg[_ngcontent-ng-c2459892542] {
  font-size: 0.625rem;
  color: var(--red-color);
}

.pred-pl-wrap[_ngcontent-ng-c2459892542] {
  margin-top: 10px;
  padding: 0 5px;
  min-height: 40px;
}

.pred-pl-wrap[_ngcontent-ng-c2459892542]
  .pred-pl-row[_ngcontent-ng-c2459892542] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  column-gap: 10px;
  margin: 0;
  line-height: 2;
}

.pred-pl-wrap[_ngcontent-ng-c2459892542]
  .pred-pl-row[_ngcontent-ng-c2459892542]
  strong[_ngcontent-ng-c2459892542] {
  font-size: 10px;
}

.pred-pl-wrap[_ngcontent-ng-c2459892542]
  .pred-pl-row[_ngcontent-ng-c2459892542]
  span[_ngcontent-ng-c2459892542] {
  font-size: 10px;
  text-align: right;
}

.translator-wrap .skiptranslate.goog-te-gadget,
.translator-wrap .skiptranslate.goog-te-gadget > div {
  display: inline-block;
}

.translator-wrap mat-icon,
.translator-wrap lottie-player,
.translator-wrap div#google_translate_element {
  right: 15px;
  top: 8px;
  max-width: 30px;
  z-index: 10000;
}

.page-header[_ngcontent-ng-c943649379] {
  margin-bottom: 0 !important;
  min-height: auto;
}

.page-header[_ngcontent-ng-c943649379]
  .logo[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  height: 34px;
  width: auto;
}

.page-header[_ngcontent-ng-c943649379] .header-right-cont .selected-lang {
  margin: 1px 0 0;
  font-size: 10px;
  line-height: 1;
  color: var(--white-color);
  font-family: open_regular;
  text-transform: uppercase;
  position: absolute;
  right: 18px;
  top: 28px;
}

.page-header[_ngcontent-ng-c943649379] .header-right-cont .bal-cont {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount {
  position: relative;
  cursor: pointer;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount.show-bal
  .content {
  display: flex;
  flex-direction: row-reverse;
  column-gap: 4px;
  align-items: center;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount.show-bal
  mat-icon {
  font-size: 21px;
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount.exp-bal {
  position: relative;
  cursor: pointer;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount.exp-bal:before {
  content: "";
  background-color: var(--white-color);
  width: 1px;
  height: 90%;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount
  .mat-label,
.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount
  p {
  font-size: 10px;
  color: var(--white-color);
  text-align: right;
  margin: 0;
  min-width: 18px;
  line-height: 1.2;
  text-transform: capitalize;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .bal-cont
  .bal-amount
  .mat-label {
  font-size: 10px;
  text-align: left;
}

.page-header[_ngcontent-ng-c943649379] .header-right-cont .deposit-btn {
  width: auto;
  height: 25px;
  min-width: 45px;
  font-size: 10px;
  background: var(--secondary-color);
  color: black;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  column-gap: 3px;
  padding: 0 5px;
  text-transform: capitalize;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .deposit-btn
  mat-icon {
  margin: 0;
  color: var(--primary-color);
}

.page-header[_ngcontent-ng-c943649379] .header-right-cont .not-loggedIn button {
  min-width: auto;
  width: auto;
  height: 25px;
  max-width: 90px;
  font-size: 10px;
  background: var(--secondary-bg);
  color: black;
  border-radius: 5px;
}

.page-header[_ngcontent-ng-c943649379]
  .header-right-cont
  .not-loggedIn
  button.demo-btn {
  min-width: 30px;
  max-width: 65px;
  background-color: var(--primary-color) !important;
  color: white;
}

.container[_ngcontent-ng-c943649379] {
  overflow: unset;
}

.page-body[_ngcontent-ng-c943649379] {
  background-color: var(--grey-00);
  height: auto;
  padding: 0;
  margin-bottom: 55px;
  max-height: calc(100% - 110px);
  overflow-y: auto;
}

.page-body.demoID[_ngcontent-ng-c943649379]
  ion-content[_ngcontent-ng-c943649379] {
  min-height: calc(var(--vh, 1vh) * 100 - 245px);
}

.page-body[_ngcontent-ng-c943649379] .page-banner[_ngcontent-ng-c943649379] {
  margin-bottom: 15px;
  padding: 0 10px;
}

.page-body[_ngcontent-ng-c943649379]
  .page-banner[_ngcontent-ng-c943649379]
  swiper-container[_ngcontent-ng-c943649379]::part(bullet-active) {
  background-color: var(--primary-color);
  width: 15px;
  border-radius: 0;
  height: 3px;
}

.page-body[_ngcontent-ng-c943649379]
  .page-banner[_ngcontent-ng-c943649379]
  swiper-container[_ngcontent-ng-c943649379]::part(bullet) {
  background-color: var(--white-color);
  opacity: 1;
  width: 15px;
  border-radius: 0;
  height: 3px;
  margin: 0 2px;
}

.page-body[_ngcontent-ng-c943649379]
  .page-banner[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  width: 100%;
  border-radius: 5px;
  cursor: grab;
}

.page-body[_ngcontent-ng-c943649379] .pagetab-body[_ngcontent-ng-c943649379] {
  padding: 0 10px 30px;
  margin-top: 15px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .game-play-heading[_ngcontent-ng-c943649379] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 1px 5px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .game-play-heading[_ngcontent-ng-c943649379]
  h2[_ngcontent-ng-c943649379] {
  font-size: 12px;
  color: var(--grey-500);
  margin: 0 0 5px;
  padding-bottom: 3px;
  position: relative;
  font-family: open_semiBold;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .game-play-heading[_ngcontent-ng-c943649379]
  h2[_ngcontent-ng-c943649379]:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% - 10px);
  border-radius: 0 0 10px;
  background-color: var(--secondary-color);
  height: 2px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .game-play-heading[_ngcontent-ng-c943649379]
  .view-all-link[_ngcontent-ng-c943649379] {
  font-size: 12px;
  font-weight: 400;
  color: var(--grey-500);
  text-decoration: unset;
  cursor: pointer;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379] {
  margin-bottom: 15px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379] {
  background-color: var(--white-color);
  border-radius: 10px;
  padding: 0 7px 7px;
  margin-bottom: 10px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]:last-child {
  margin: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-header[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  padding: 0;
  min-height: 30px;
  align-items: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-header[_ngcontent-ng-c943649379]
  .lay-back-wrap[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-header[_ngcontent-ng-c943649379]
  h3[_ngcontent-ng-c943649379] {
  margin: 0;
  text-align: center;
  font-family: open_semiBold;
  color: var(--grey-300);
  font-size: 10px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-header[_ngcontent-ng-c943649379]
  h3.team-title[_ngcontent-ng-c943649379] {
  font-size: 0.75rem;
  color: var(--dark-text);
  text-transform: capitalize;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-header[_ngcontent-ng-c943649379]
  h3.card-title[_ngcontent-ng-c943649379] {
  text-align: left;
  position: relative;
  padding: 0 10px 0 0;
  font-family: open_semiBold;
  color: var(--black-color);
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-header[_ngcontent-ng-c943649379]
  h3[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  width: 12px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  border: 1px solid var(--red-color);
  color: var(--red-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  padding: 0;
  min-height: 25px;
  margin-bottom: 6px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]:last-child {
  margin: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px 0 0;
  column-gap: 8px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  span[_ngcontent-ng-c943649379] {
  width: 12px;
  height: 12px;
  background-color: var(--grey-100);
  border-radius: 50%;
  border: 2px solid var(--white-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  span.playing[_ngcontent-ng-c943649379] {
  background-color: var(--green-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .team-title[_ngcontent-ng-c943649379] {
  text-transform: capitalize;
  font-size: 10px;
  font-family: open_semiBold;
  line-height: 1;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  color: var(--grey-300);
  margin: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .flag-wrap[_ngcontent-ng-c943649379] {
  display: flex;
  align-items: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  margin: 0;
  line-height: 1.2;
  font-size: 0.625rem;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379] {
  border-radius: 4px;
  min-height: 25px;
  position: relative;
  display: flex;
  align-items: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379]:before {
  content: "";
  background: var(--back-color);
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379]:after {
  content: "";
  background: var(--lay-color);
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 0;
  right: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379]
  h4[_ngcontent-ng-c943649379] {
  text-align: center;
  margin: 0 auto;
  text-transform: capitalize;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(128, 128, 128, 0.7);
  z-index: 1;
  color: var(--grey-700);
  font-size: 10px;
  border-radius: 4px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-v-wrap[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379] {
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: center;
  justify-content: center;
  border: none;
  min-width: auto;
  min-height: 25px;
  max-height: 25px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value.back-count[_ngcontent-ng-c943649379] {
  background-color: var(--back-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value.lay-count[_ngcontent-ng-c943649379] {
  background-color: var(--lay-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value.sBtn-suspended[_ngcontent-ng-c943649379] {
  background-color: var(--grey-100);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value.sBtn-suspended[_ngcontent-ng-c943649379]
  h4[_ngcontent-ng-c943649379] {
  font-size: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: var(--grey-500);
  font-family: open_regular;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  .mat-button-focus-overlay,
.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  .mat-ripple[_ngcontent-ng-c943649379] {
  display: none;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 4px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  h4[_ngcontent-ng-c943649379] {
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-family: open_semiBold;
  line-height: 14px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-card[_ngcontent-ng-c943649379]
  .card-body[_ngcontent-ng-c943649379]
  .data-wrap[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  text-align: center;
  max-width: 30px;
  margin: 0 auto;
  line-height: normal;
  font-family: open_regular;
  font-size: 8px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379] {
  background-color: var(--white-color);
  border-radius: 5px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-header[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 5fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  min-height: 30px;
  align-items: center;
  padding: 5px;
  border-bottom: 0.5px solid var(--footer-grey-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-header[_ngcontent-ng-c943649379]
  .lay-back-wrap[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-header[_ngcontent-ng-c943649379]
  h3[_ngcontent-ng-c943649379] {
  margin: 0;
  text-align: center;
  font-family: open_semiBold;
  color: var(--grey-800);
  font-size: 10px;
  font-weight: unset;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-header[_ngcontent-ng-c943649379]
  h3.card-title[_ngcontent-ng-c943649379] {
  text-align: left;
  position: relative;
  padding: 0;
  font-family: open_semiBold;
  color: var(--grey-800);
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-header[_ngcontent-ng-c943649379]
  h3.card-title[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  width: 50px;
  text-align: center;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 5fr 2fr;
  column-gap: 5px;
  row-gap: 5px;
  min-height: 45px;
  min-width: 500px;
  margin-bottom: 0;
  padding: 0 5px;
  border-bottom: 0.5px solid var(--footer-grey-color);
  align-items: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]:last-child {
  margin: 0;
  border-bottom: none;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  column-gap: 4px;
  height: 100%;
  position: relative;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .inplay-wrap[_ngcontent-ng-c943649379] {
  display: flex;
  align-items: center;
  column-gap: 7px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .inplay-wrap[_ngcontent-ng-c943649379]
  .inplay[_ngcontent-ng-c943649379] {
  font-size: 8px;
  background-color: var(--green-color);
  padding: 1px 4px;
  border-radius: 2px;
  color: var(--white-color);
  text-align: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .inplay-wrap[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  width: 12px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  border: 1px solid var(--green-color);
  color: var(--green-color);
  border-radius: 1px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .match-time[_ngcontent-ng-c943649379] {
  min-width: 50px;
  max-width: 50px;
  padding: 0 4px 0 0;
  border-right: 0.5px solid var(--footer-grey-color);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .match-time[_ngcontent-ng-c943649379]
  .inplay[_ngcontent-ng-c943649379] {
  font-size: 8px;
  background-color: var(--green-color);
  padding: 1px 4px;
  border-radius: 2px;
  color: var(--white-color);
  text-align: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .match-time[_ngcontent-ng-c943649379]
  .stumps-wrap[_ngcontent-ng-c943649379] {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  align-items: center;
  justify-content: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .match-time[_ngcontent-ng-c943649379]
  .stumps-wrap[_ngcontent-ng-c943649379]
  .stumps[_ngcontent-ng-c943649379] {
  background-color: var(--yellow-color);
  color: var(--grey-900);
  font-size: 8px;
  padding: 2px 4px;
  border-radius: 2px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .match-time[_ngcontent-ng-c943649379]
  .stumps-wrap[_ngcontent-ng-c943649379]
  .day[_ngcontent-ng-c943649379] {
  text-align: center;
  font-size: 8px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .match-time[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 8px;
  text-align: center;
  margin: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .team-title[_ngcontent-ng-c943649379] {
  /* text-transform: capitalize; */
  font-size: 10px;
  font-family: open_semiBold;
  line-height: 1;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: 0px;
  color: var(--grey-300);
  margin: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .team-title[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  margin: 0;
  column-gap: 4px;
  font-family: open_semiBold;
  color: var(--grey-800);
  padding-left: 13px;
  position: relative;
  display: flex;
  align-items: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .team-title[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379]
  span.team-name[_ngcontent-ng-c943649379] {
  display: -webkit-box;
  max-width: 100%;

  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: normal;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .team-title[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  font-size: 10px;
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
  color: var(--primary-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .teamlist-info[_ngcontent-ng-c943649379]
  .team-title[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  width: 12px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379] {
  border-radius: 4px;
  min-height: 35px;
  max-height: 35px;
  position: relative;
  display: flex;
  align-items: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379]:before {
  content: "";
  background: var(--back-color);
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379]:after {
  content: "";
  background: var(--lay-color);
  width: 50%;
  position: absolute;
  height: 100%;
  z-index: 0;
  right: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .suspended-wrap[_ngcontent-ng-c943649379]
  h4[_ngcontent-ng-c943649379] {
  text-align: center;
  margin: 0 auto;
  text-transform: capitalize;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(128, 128, 128, 0.7);
  z-index: 1;
  color: var(--grey-700);
  font-size: 10px;
  border-radius: 4px;
  height: 35px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-v-wrap[_ngcontent-ng-c943649379] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379] {
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: center;
  justify-content: center;
  border: none;
  min-width: auto;
  min-height: 35px;
  max-height: 35px;
  border-radius: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value.back-count[_ngcontent-ng-c943649379] {
  background-color: var(--back-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value.lay-count[_ngcontent-ng-c943649379] {
  background-color: var(--lay-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value.sBtn-suspended[_ngcontent-ng-c943649379] {
  background-color: var(--grey-100);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value.sBtn-suspended[_ngcontent-ng-c943649379]
  h4[_ngcontent-ng-c943649379] {
  font-size: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: var(--grey-500);
  font-family: open_regular;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  .mat-button-focus-overlay,
.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  .mat-ripple[_ngcontent-ng-c943649379] {
  display: none;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 4px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  h4[_ngcontent-ng-c943649379] {
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-family: open_semiBold;
  line-height: 14px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .cricket-tab[_ngcontent-ng-c943649379]
  .cricket-table[_ngcontent-ng-c943649379]
  .table-body[_ngcontent-ng-c943649379]
  .table-item[_ngcontent-ng-c943649379]
  .count-value[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  text-align: center;
  max-width: 35px;
  margin: 0 auto;
  line-height: normal;
  font-family: open_regular;
  font-size: 8px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379] {
  margin-bottom: 15px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section.go-casino[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  height: 150px;
  object-position: top;
  object-fit: cover;
  background: var(--black-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section.go-casino[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379]:after {
  background-color: transparent;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379] {
  margin: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  row-gap: 8px;
  width: 100%;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379] {
  margin-left: 0;
  position: relative;
  cursor: pointer;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .total-players[_ngcontent-ng-c943649379] {
  background-color: var(--header-dark-color);
  border-radius: 6px;
  border: 1px solid var(--grey-600);
  color: var(--white-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 999;
  opacity: 1;
  column-gap: 5px;
  font-size: 10px;
  opacity: 0.9;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .total-players[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  font-size: 12px;
  width: auto;
  height: auto;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .game-detail[_ngcontent-ng-c943649379] {
  background-color: var(--grey-700);
  padding: 25px 10px 8px;
  margin-top: -20px;
  border-radius: 0 0 10px 10px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  min-height: 80px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .game-detail[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  padding-left: 0;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .game-detail[_ngcontent-ng-c943649379]
  p.game-name[_ngcontent-ng-c943649379] {
  font-size: 12px;
  font-family: open_semiBold;
  color: var(--white-color);
  opacity: 1;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .game-detail[_ngcontent-ng-c943649379]
  p.company-type[_ngcontent-ng-c943649379],
.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  .game-detail[_ngcontent-ng-c943649379]
  p.coins-limit[_ngcontent-ng-c943649379] {
  font-size: 10px;
  color: var(--white-color);
  opacity: 0.6;
  font-family: open_semiBold;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  img.game-logo[_ngcontent-ng-c943649379] {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 101;
  width: 70px;
  opacity: 0.7;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  ion-button[_ngcontent-ng-c943649379] {
  position: absolute;
  bottom: 3px;
  right: 6px;
  --padding-start: 0;
  --padding-end: 0;
  height: auto;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  ion-button[_ngcontent-ng-c943649379]
  ion-icon[_ngcontent-ng-c943649379] {
  color: var(--white-color);
  font-size: 22px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  ion-button[_ngcontent-ng-c943649379]
  ion-icon.red-text[_ngcontent-ng-c943649379] {
  color: var(--red-color);
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 10;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  font-size: 14px;
  color: var(--white-color);
  position: absolute;
  bottom: 1px;
  left: 0;
  padding-left: 12px;
  z-index: 101;
  opacity: 1;
  box-shadow: inset 0 -60px 21px -12px #000000b3;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
  border-radius: 8px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a.active[_ngcontent-ng-c943649379]:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  box-shadow: inset 0 0 30px var(--grey-500);
  z-index: 100;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379]:after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #0006;
  z-index: 99;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  width: 100%;
  height: 150px;
  object-position: top center;
  object-fit: cover;
  border-radius: 5px;
  border: 0px solid transparent;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  a[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379]:hover {
  background-color: red;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  h3[_ngcontent-ng-c943649379] {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  padding-left: 8px;
  line-height: normal;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .pagetab-content[_ngcontent-ng-c943649379]
  .casino-section[_ngcontent-ng-c943649379]
  .game-type-list[_ngcontent-ng-c943649379]
  ul[_ngcontent-ng-c943649379]
  li[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  font-size: 12px;
  margin: 0;
  padding-left: 8px;
  opacity: 0.6;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .nodata-wrap[_ngcontent-ng-c943649379] {
  min-height: 120px;
  background-color: var(--white-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .nodata-wrap[_ngcontent-ng-c943649379]
  .game-icon[_ngcontent-ng-c943649379] {
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .nodata-wrap[_ngcontent-ng-c943649379]
  .game-icon[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  width: 100%;
  color: var(--white-color);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .nodata-wrap[_ngcontent-ng-c943649379]
  .game-icon[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  width: 100%;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .nodata-wrap[_ngcontent-ng-c943649379]
  button[_ngcontent-ng-c943649379] {
  max-width: calc(100% - 20px);
  height: 35px;
  margin-top: 10px;
}

.page-body[_ngcontent-ng-c943649379]
  .pagetab-body[_ngcontent-ng-c943649379]
  .nodata-wrap[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  font-size: 12px;
  margin: 4px 0 0;
}

.floating-btns[_ngcontent-ng-c943649379] {
  position: absolute;
  bottom: 70px;
  right: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 7px;
  z-index: 1000;
}

.floating-btns[_ngcontent-ng-c943649379] .btn-item[_ngcontent-ng-c943649379] {
  position: relative;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-item[_ngcontent-ng-c943649379]
  .close-btn[_ngcontent-ng-c943649379] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-weight: 900;
}

.floating-btns[_ngcontent-ng-c943649379] .btn-wrap[_ngcontent-ng-c943649379] {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  color: var(--primary-color-contrast);
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  width: 24px;
  height: 24px;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap.chat[_ngcontent-ng-c943649379] {
  background-color: var(--primary-color);
  width: 36px;
  height: 36px;
  margin-right: 3px;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap.chat[_ngcontent-ng-c943649379]
  mat-icon[_ngcontent-ng-c943649379] {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap.whatsapp[_ngcontent-ng-c943649379]
  img[_ngcontent-ng-c943649379] {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap.whatsapp-id-btn[_ngcontent-ng-c943649379] {
  width: auto;
  height: 40px;
  column-gap: 4px;
  background-color: var(--header-dark-color);
  border-radius: 7px;
  padding: 0 25px 0 7px;
  border: 2px solid #01e676;
}

.floating-btns[_ngcontent-ng-c943649379]
  .btn-wrap.whatsapp-id-btn[_ngcontent-ng-c943649379]
  p[_ngcontent-ng-c943649379] {
  font-size: 8px;
  max-width: 75px;
  color: var(--white-color);
  margin: 0;
}

.page-body .pagetab-header .pagetab-item .newgame {
  margin: 0;
  position: absolute;
  font-size: 8px;
  background-color: var(--green-color);
  color: var(--white-color);
  padding: 0 5px;
  border-radius: 3px;
  left: 50%;
  top: -7px;
  transform: translate(-50%);
  z-index: 1;
}

ion-content[_ngcontent-ng-c943649379] {
  --background: transparent;
  min-height: calc(var(--vh, 1vh) * 100 - 216px);
}

ion-content[_ngcontent-ng-c943649379] ion-refresher[_ngcontent-ng-c943649379] {
  z-index: 1;
  background-color: transparent;
}

ion-content[_ngcontent-ng-c943649379]
  ion-refresher[_ngcontent-ng-c943649379]
  .refresher-pulling-icon
  ion-icon {
  color: var(--primary-color);
}

ion-content[_ngcontent-ng-c943649379]
  ion-refresher[_ngcontent-ng-c943649379]
  .refresher-refreshing-icon
  ion-spinner {
  color: var(--primary-color);
}

@media all and (min-width: 768px) {
  .page-body[_ngcontent-ng-c943649379]
    .pagetab-body[_ngcontent-ng-c943649379]
    .pagetab-content[_ngcontent-ng-c943649379]
    .casino-section[_ngcontent-ng-c943649379]
    .game-type-list[_ngcontent-ng-c943649379]
    ul[_ngcontent-ng-c943649379] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.demoid-marquee[_ngcontent-ng-c3660323651] {
  background-color: var(--red-color);
  color: var(--white-color);
  font-size: 10px;
  padding: 5px 10px;
  bottom: 0;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
  display: none;
}

.demoid-marquee[_ngcontent-ng-c3660323651]
  p.marquee[_ngcontent-ng-c3660323651] {
  display: block;
  margin: 0;
  color: var(--white-color);
  font-size: 10px;
  text-align: center;
}

app-footer app-demoid-marquee .demoid-marquee {
  position: static !important;
  padding: 7px 10px 20px !important;
  margin-bottom: -18px !important;
}

@media only screen and (max-width: 340px) {
  .demoid-marquee[_ngcontent-ng-c3660323651]
    marquee[_ngcontent-ng-c3660323651] {
    display: block;
  }

  .demoid-marquee[_ngcontent-ng-c3660323651]
    p.marquee[_ngcontent-ng-c3660323651] {
    display: none;
  }
}

.tab-navigation[_ngcontent-ng-c2125492905] {
  border-radius: 20px 20px 0 0;
  padding: 6px 0;
  background: var(--footerBG);
  height: 60px;
  display: flex;
  align-items: center;
  width: 100%;
}

.tab-navigation[_ngcontent-ng-c2125492905] button[_ngcontent-ng-c2125492905] {
  width: 100%;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button[_ngcontent-ng-c2125492905]
  .mdc-button__label
  img {
  width: 30px;
  max-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 35px;
  margin: 0 auto;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button[_ngcontent-ng-c2125492905]
  .mdc-button__label
  p {
  margin: 0;
  font-size: 10px;
  text-transform: capitalize;
  color: var(--grey-600);
  white-space: nowrap;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.active-link[_ngcontent-ng-c2125492905]
  p[_ngcontent-ng-c2125492905] {
  color: var(--grey-600);
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.home[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -40px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.home.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -5px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.cricket[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -110px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.cricket.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -75px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.casino[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -180px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.casino.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -145px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.profile[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -250px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.profile.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -215px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.market[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -320px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.market.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -285px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.offers[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -390px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.offers.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -355px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.refer[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -460px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.refer.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -425px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.passbook[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -530px;
}

.tab-navigation[_ngcontent-ng-c2125492905]
  button.passbook.active-link[_ngcontent-ng-c2125492905]
  img[_ngcontent-ng-c2125492905] {
  background-repeat: no-repeat;
  background-position: center -495px;
}

.mdc-touch-target-wrapper {
  display: inline;
}

.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  opacity: var(--mdc-elevation-overlay-opacity, 0);
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0);
}

.mdc-button .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mdc-button:active {
  outline: none;
}

.mdc-button:hover {
  cursor: pointer;
}

.mdc-button:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-button[hidden] {
  display: none;
}

.mdc-button .mdc-button__icon {
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

[dir="rtl"] .mdc-button .mdc-button__icon,
.mdc-button .mdc-button__icon[dir="rtl"] {
  margin-left: 8px;
  margin-right: 0;
}

.mdc-button .mdc-button__progress-indicator {
  font-size: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  line-height: initial;
}

.mdc-button .mdc-button__label {
  position: relative;
}

.mdc-button .mdc-button__focus-ring {
  pointer-events: none;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  display: none;
}

@media screen and (forced-colors: active) {
  .mdc-button .mdc-button__focus-ring {
    border-color: CanvasText;
  }
}

.mdc-button .mdc-button__focus-ring::after {
  content: "";
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px);
}

@media screen and (forced-colors: active) {
  .mdc-button .mdc-button__focus-ring::after {
    border-color: CanvasText;
  }
}

@media screen and (forced-colors: active) {
  .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
  .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
    display: block;
  }
}

.mdc-button .mdc-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.mdc-button__label + .mdc-button__icon {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .mdc-button__label + .mdc-button__icon,
.mdc-button__label + .mdc-button__icon[dir="rtl"] {
  margin-left: 0;
  margin-right: 8px;
}

svg.mdc-button__icon {
  fill: currentColor;
}

.mdc-button--touch {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mdc-button {
  padding: 0 8px 0 8px;
}

.mdc-button--unelevated {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 16px 0 16px;
}

.mdc-button--unelevated.mdc-button--icon-trailing {
  padding: 0 12px 0 16px;
}

.mdc-button--unelevated.mdc-button--icon-leading {
  padding: 0 16px 0 12px;
}

.mdc-button--raised {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 16px 0 16px;
}

.mdc-button--raised.mdc-button--icon-trailing {
  padding: 0 12px 0 16px;
}

.mdc-button--raised.mdc-button--icon-leading {
  padding: 0 16px 0 12px;
}

.mdc-button--outlined {
  border-style: solid;
  transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-button--outlined .mdc-button__ripple {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
}

.mat-mdc-button {
  height: var(--mdc-text-button-container-height, 36px);
  border-radius: var(
    --mdc-text-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}

.mat-mdc-button:not(:disabled) {
  color: var(--mdc-text-button-label-text-color, inherit);
}

.mat-mdc-button:disabled {
  color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}

.mat-mdc-button .mdc-button__ripple {
  border-radius: var(
    --mdc-text-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}

.mat-mdc-unelevated-button {
  height: var(--mdc-filled-button-container-height, 36px);
  border-radius: var(
    --mdc-filled-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}

.mat-mdc-unelevated-button:not(:disabled) {
  background-color: var(--mdc-filled-button-container-color, transparent);
}

.mat-mdc-unelevated-button:disabled {
  background-color: var(
    --mdc-filled-button-disabled-container-color,
    rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-unelevated-button:not(:disabled) {
  color: var(--mdc-filled-button-label-text-color, inherit);
}

.mat-mdc-unelevated-button:disabled {
  color: var(
    --mdc-filled-button-disabled-label-text-color,
    rgba(0, 0, 0, 0.38)
  );
}

.mat-mdc-unelevated-button .mdc-button__ripple {
  border-radius: var(
    --mdc-filled-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}

.mat-mdc-raised-button {
  height: var(--mdc-protected-button-container-height, 36px);
  border-radius: var(
    --mdc-protected-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
  box-shadow: var(
    --mdc-protected-button-container-elevation,
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-raised-button:not(:disabled) {
  background-color: var(--mdc-protected-button-container-color, transparent);
}

.mat-mdc-raised-button:disabled {
  background-color: var(
    --mdc-protected-button-disabled-container-color,
    rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-raised-button:not(:disabled) {
  color: var(--mdc-protected-button-label-text-color, inherit);
}

.mat-mdc-raised-button:disabled {
  color: var(
    --mdc-protected-button-disabled-label-text-color,
    rgba(0, 0, 0, 0.38)
  );
}

.mat-mdc-raised-button .mdc-button__ripple {
  border-radius: var(
    --mdc-protected-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}

.mat-mdc-raised-button.mdc-ripple-upgraded--background-focused,
.mat-mdc-raised-button:not(.mdc-ripple-upgraded):focus {
  box-shadow: var(
    --mdc-protected-button-focus-container-elevation,
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-raised-button:hover {
  box-shadow: var(
    --mdc-protected-button-hover-container-elevation,
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-raised-button:not(:disabled):active {
  box-shadow: var(
    --mdc-protected-button-pressed-container-elevation,
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-raised-button:disabled {
  box-shadow: var(
    --mdc-protected-button-disabled-container-elevation,
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-outlined-button {
  height: var(--mdc-outlined-button-container-height, 36px);
  border-radius: var(
    --mdc-outlined-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
  padding: 0 15px 0 15px;
  border-width: var(--mdc-outlined-button-outline-width, 1px);
}

.mat-mdc-outlined-button:not(:disabled) {
  color: var(--mdc-outlined-button-label-text-color, inherit);
}

.mat-mdc-outlined-button:disabled {
  color: var(
    --mdc-outlined-button-disabled-label-text-color,
    rgba(0, 0, 0, 0.38)
  );
}

.mat-mdc-outlined-button .mdc-button__ripple {
  border-radius: var(
    --mdc-outlined-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}

.mat-mdc-outlined-button:not(:disabled) {
  border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12));
}

.mat-mdc-outlined-button:disabled {
  border-color: var(
    --mdc-outlined-button-disabled-outline-color,
    rgba(0, 0, 0, 0.12)
  );
}

.mat-mdc-outlined-button.mdc-button--icon-trailing {
  padding: 0 11px 0 15px;
}

.mat-mdc-outlined-button.mdc-button--icon-leading {
  padding: 0 15px 0 11px;
}

.mat-mdc-outlined-button .mdc-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-width: var(--mdc-outlined-button-outline-width, 1px);
}

.mat-mdc-outlined-button .mdc-button__touch {
  left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
  width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px));
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-ripple {
  overflow: hidden;
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  content: "";
  opacity: 0;
  background-color: var(--mat-mdc-button-persistent-ripple-color);
}

.mat-mdc-button .mat-ripple-element,
.mat-mdc-unelevated-button .mat-ripple-element,
.mat-mdc-raised-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-ripple-element {
  background-color: var(--mat-mdc-button-ripple-color);
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
  z-index: 1;
}

.mat-mdc-button .mat-mdc-focus-indicator,
.mat-mdc-unelevated-button .mat-mdc-focus-indicator,
.mat-mdc-raised-button .mat-mdc-focus-indicator,
.mat-mdc-outlined-button .mat-mdc-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.mat-mdc-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
  content: "";
}

.mat-mdc-button[disabled],
.mat-mdc-unelevated-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-outlined-button[disabled] {
  cursor: default;
  pointer-events: none;
}

.mat-mdc-button .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button .mat-mdc-button-touch-target,
.mat-mdc-raised-button .mat-mdc-button-touch-target,
.mat-mdc-outlined-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.mat-mdc-button._mat-animation-noopable,
.mat-mdc-unelevated-button._mat-animation-noopable,
.mat-mdc-raised-button._mat-animation-noopable,
.mat-mdc-outlined-button._mat-animation-noopable {
  transition: none !important;
  animation: none !important;
}

.mat-mdc-button > .mat-icon {
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1.125rem;
  height: 1.125rem;
  width: 1.125rem;
}

[dir="rtl"] .mat-mdc-button > .mat-icon,
.mat-mdc-button > .mat-icon[dir="rtl"] {
  margin-left: 8px;
  margin-right: 0;
}

.mat-mdc-button .mdc-button__label + .mat-icon {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .mat-mdc-button .mdc-button__label + .mat-icon,
.mat-mdc-button .mdc-button__label + .mat-icon[dir="rtl"] {
  margin-left: 0;
  margin-right: 8px;
}

.mat-mdc-unelevated-button > .mat-icon,
.mat-mdc-raised-button > .mat-icon,
.mat-mdc-outlined-button > .mat-icon {
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1.125rem;
  height: 1.125rem;
  width: 1.125rem;
  margin-left: -4px;
  margin-right: 8px;
}

[dir="rtl"] .mat-mdc-unelevated-button > .mat-icon,
[dir="rtl"] .mat-mdc-raised-button > .mat-icon,
[dir="rtl"] .mat-mdc-outlined-button > .mat-icon,
.mat-mdc-unelevated-button > .mat-icon[dir="rtl"],
.mat-mdc-raised-button > .mat-icon[dir="rtl"],
.mat-mdc-outlined-button > .mat-icon[dir="rtl"] {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .mat-mdc-unelevated-button > .mat-icon,
[dir="rtl"] .mat-mdc-raised-button > .mat-icon,
[dir="rtl"] .mat-mdc-outlined-button > .mat-icon,
.mat-mdc-unelevated-button > .mat-icon[dir="rtl"],
.mat-mdc-raised-button > .mat-icon[dir="rtl"],
.mat-mdc-outlined-button > .mat-icon[dir="rtl"] {
  margin-left: 8px;
  margin-right: -4px;
}

.mat-mdc-unelevated-button .mdc-button__label + .mat-icon,
.mat-mdc-raised-button .mdc-button__label + .mat-icon,
.mat-mdc-outlined-button .mdc-button__label + .mat-icon {
  margin-left: 8px;
  margin-right: -4px;
}

[dir="rtl"] .mat-mdc-unelevated-button .mdc-button__label + .mat-icon,
[dir="rtl"] .mat-mdc-raised-button .mdc-button__label + .mat-icon,
[dir="rtl"] .mat-mdc-outlined-button .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button .mdc-button__label + .mat-icon[dir="rtl"],
.mat-mdc-raised-button .mdc-button__label + .mat-icon[dir="rtl"],
.mat-mdc-outlined-button .mdc-button__label + .mat-icon[dir="rtl"] {
  margin-left: -4px;
  margin-right: 8px;
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-width: -1px;
}

.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button .mat-mdc-focus-indicator::before {
  margin: calc(
    calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1
  );
}

.mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
  margin: calc(
    calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px) * -1
  );
}

.ds-none[_ngcontent-ng-c2582205232] {
  display: none !important;
}

.rotate-animation[_ngcontent-ng-c2582205232] {
  animation: _ngcontent-ng-c2582205232_rotate-animation 4s infinite linear;
}

@keyframes _ngcontent-ng-c2582205232_rotate-animation {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.page-header[_ngcontent-ng-c2865632707] {
  min-height: auto;
  margin: 0;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707] {
  width: calc(100% - 20px);
  margin: auto;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .card-wrapper[_ngcontent-ng-c2865632707] {
  background-color: var(--white-color);
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  min-height: 95px;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .card-wrapper[_ngcontent-ng-c2865632707]
  .payment-timer[_ngcontent-ng-c2865632707] {
  font-size: 12px;
  margin: 0;
  background-color: var(--grey-00);
  width: 100%;
  padding: 5px;
  border-radius: 0 0 10px 10px;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .payment-cont[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .payment-cont[_ngcontent-ng-c2865632707]
  .show-payment[_ngcontent-ng-c2865632707] {
  color: var(--grey-500);
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .payment-cont[_ngcontent-ng-c2865632707]
  .show-payment.avl-payment[_ngcontent-ng-c2865632707] {
  text-align: center;
  margin-bottom: 5px;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .payment-cont[_ngcontent-ng-c2865632707]
  .show-payment[_ngcontent-ng-c2865632707]
  .mat-label[_ngcontent-ng-c2865632707] {
  font-size: 12px;
  font-weight: 500;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .payment-cont[_ngcontent-ng-c2865632707]
  .show-payment[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707] {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-top: 1px solid var(--grey-50);
  column-gap: 6px;
  justify-content: center;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .exp-balance[_ngcontent-ng-c2865632707] {
  font-size: 12px;
  text-align: center;
  margin: 0;
  color: var(--primary-color);
  cursor: pointer;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]:only-child {
  border: none;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .main-bal[_ngcontent-ng-c2865632707],
.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .exposure-bal[_ngcontent-ng-c2865632707] {
  width: 100%;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .main-bal[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707],
.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .exposure-bal[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707] {
  font-size: 12px;
  margin: 5px 0 0;
  font-weight: 500;
}

.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .main-bal[_ngcontent-ng-c2865632707]
  p.bal-amnt[_ngcontent-ng-c2865632707],
.page-header[_ngcontent-ng-c2865632707]
  .user-payment-info[_ngcontent-ng-c2865632707]
  .balance-share[_ngcontent-ng-c2865632707]
  .exposure-bal[_ngcontent-ng-c2865632707]
  p.bal-amnt[_ngcontent-ng-c2865632707] {
  min-height: 30px;
  color: var(--primary-color-contrast);
  background-color: var(--primary-color);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.page-body[_ngcontent-ng-c2865632707] {
  height: calc(100% - 155px);
  overflow-y: auto;
  padding-bottom: 45px;
}

.page-body.demoID[_ngcontent-ng-c2865632707] {
  height: calc(100% - 185px);
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details-wrap[_ngcontent-ng-c2865632707] {
  border-radius: 10px;
  background-color: var(--white-color);
  margin-top: 10px;
  padding: 10px 0;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details-wrap[_ngcontent-ng-c2865632707]
  .actions-wrap[_ngcontent-ng-c2865632707] {
  text-align: right;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details-wrap[_ngcontent-ng-c2865632707]
  .actions-wrap[_ngcontent-ng-c2865632707]
  button[_ngcontent-ng-c2865632707] {
  background-color: var(--grey-00);
  color: var(--grey-800);
  font-size: 10px;
  padding: 0;
  min-width: 110px;
  border-radius: 8px;
}

.page-body[_ngcontent-ng-c2865632707] .user-details[_ngcontent-ng-c2865632707] {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 10px;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details.guest-user[_ngcontent-ng-c2865632707] {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 75px;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details[_ngcontent-ng-c2865632707]
  p.signup-code[_ngcontent-ng-c2865632707] {
  margin: 5px 0;
  font-size: 12px;
  font-family: open_regular;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707] {
  margin: 0;
  font-size: 14px;
  color: var(--grey-800);
  display: flex;
  align-items: center;
  column-gap: 6px;
  font-family: open_semiBold;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707]:last-child {
  border-radius: 6px;
  margin-top: 6px;
  font-size: 12px;
  font-family: open_regular;
  color: var(--grey-500);
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707]
  img[_ngcontent-ng-c2865632707] {
  width: 22px;
  max-height: 22px;
  border-radius: 4px;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-details[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707]
  mat-icon[_ngcontent-ng-c2865632707] {
  width: 18px;
  height: 18px;
  background-color: var(--primary-color-contrast);
  color: var(--primary-color);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707] {
  width: calc(100% - 20px);
  margin: auto;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .card-wrapper[_ngcontent-ng-c2865632707] {
  background-color: var(--grey-00);
  position: relative;
  padding: 0 10px;
  margin-top: 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  min-height: 120px;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .card-wrapper[_ngcontent-ng-c2865632707]
  .d-w-btn[_ngcontent-ng-c2865632707] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  width: 100%;
  column-gap: 10px;
  padding-top: 5px;
  margin-top: 5px;
  position: relative;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .card-wrapper[_ngcontent-ng-c2865632707]
  .d-w-btn[_ngcontent-ng-c2865632707]
  button[_ngcontent-ng-c2865632707] {
  background-color: var(--secondary-bg);
  color: var(--primary-color-contrast);
  font-weight: 200;
  font-size: 12px;
  width: 100%;
  height: 30px;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .show-bal[_ngcontent-ng-c2865632707] {
  color: var(--grey-500);
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .show-bal.avl-bal[_ngcontent-ng-c2865632707] {
  text-align: left;
  margin-bottom: 0;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .show-bal.avl-bal[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707] {
  text-align: left;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .show-bal[_ngcontent-ng-c2865632707]
  .mat-label[_ngcontent-ng-c2865632707] {
  font-size: 12px;
  font-weight: 500;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .show-bal[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707] {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .exp-balance[_ngcontent-ng-c2865632707] {
  font-size: 12px;
  text-align: right;
  margin: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.page-body[_ngcontent-ng-c2865632707]
  .user-bal-info[_ngcontent-ng-c2865632707]
  .bal-cont[_ngcontent-ng-c2865632707]
  .exp-balance[_ngcontent-ng-c2865632707]
  mat-icon[_ngcontent-ng-c2865632707] {
  font-size: 16px;
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707] {
  padding: 0;
  list-style: none;
  margin: 10px 0;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707] {
  margin: 0;
  cursor: pointer;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707] {
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  text-decoration: none;
  color: var(--grey-900);
  padding: 8px 10px;
  font-size: 12px;
  font-family: open_semiBold;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  background-color: var(--white-color);
  margin-bottom: 8px;
  min-height: 40px;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707]
  .label-wrap[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707]
  .badge[_ngcontent-ng-c2865632707] {
  position: absolute;
  right: 10px;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link.username[_ngcontent-ng-c2865632707] {
  padding: 6px 10px;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link.username[_ngcontent-ng-c2865632707]
  img[_ngcontent-ng-c2865632707] {
  width: 30px;
  filter: none;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707]
  img[_ngcontent-ng-c2865632707] {
  width: 16px;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707]
  .extra-info[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 5px;
  font-family: open_regular;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707]
  .extra-info[_ngcontent-ng-c2865632707]
  p[_ngcontent-ng-c2865632707] {
  margin: 0;
  white-space: nowrap;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .smenu-wrap[_ngcontent-ng-c2865632707]
  .smenu-item[_ngcontent-ng-c2865632707]
  .smenu-link[_ngcontent-ng-c2865632707]
  .extra-info[_ngcontent-ng-c2865632707]
  .action-btn[_ngcontent-ng-c2865632707] {
  cursor: pointer;
  color: var(--secondary-color);
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .social-links-wrap[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .social-links-wrap[_ngcontent-ng-c2865632707]
  label[_ngcontent-ng-c2865632707] {
  font-size: 10px;
  font-family: open_semiBold;
  padding: 5px;
  display: inline-block;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .social-links-wrap[_ngcontent-ng-c2865632707]
  .social-links[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
  padding: 0;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .social-links-wrap[_ngcontent-ng-c2865632707]
  .social-links[_ngcontent-ng-c2865632707]
  a[_ngcontent-ng-c2865632707] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.page-body[_ngcontent-ng-c2865632707]
  .menu-items-wrap[_ngcontent-ng-c2865632707]
  .social-links-wrap[_ngcontent-ng-c2865632707]
  .social-links[_ngcontent-ng-c2865632707]
  img[_ngcontent-ng-c2865632707] {
  width: 18px;
  height: 18px;
}

.mat-sidenav-container {
  height: 100%;
  max-width: 768px;
  margin: auto;
}

.mat-sidenav-container .left-sidemenu[_ngcontent-ng-c967272132] {
  min-width: 285px;
  width: calc(100% - 45px);
  max-width: 300px;
  background-color: var(--grey-50);
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132] {
  background-color: var(--head-bg);
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .logo[_ngcontent-ng-c967272132] {
  height: 70px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .logo[_ngcontent-ng-c967272132]
  .img-wrap[_ngcontent-ng-c967272132] {
  height: 100%;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .logo[_ngcontent-ng-c967272132]
  .img-wrap[_ngcontent-ng-c967272132]
  img[_ngcontent-ng-c967272132] {
  max-width: 150px;
  max-height: 70px;
  display: block;
  padding: 10px 0 10px 15px;
  margin-top: auto;
  height: 100%;
  object-fit: contain;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .user-details[_ngcontent-ng-c967272132] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin: auto;
  padding: 5px 15px;
  background-color: var(--grey-100);
  border-radius: 0;
  color: var(--black-color);
  min-height: 35px;
  height: 35px;
  width: 100%;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .user-details[_ngcontent-ng-c967272132]
  p[_ngcontent-ng-c967272132] {
  margin: 0;
  font-size: 12px;
  font-family: open_semiBold;
  color: var(--black-color);
  display: flex;
  column-gap: 4px;
  align-items: center;
  text-transform: capitalize;
  width: 100%;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .user-details[_ngcontent-ng-c967272132]
  p.user-number[_ngcontent-ng-c967272132] {
  justify-content: flex-end;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .user-details[_ngcontent-ng-c967272132]
  p[_ngcontent-ng-c967272132]
  img[_ngcontent-ng-c967272132] {
  width: 22px;
  max-height: 22px;
  border-radius: 4px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-header[_ngcontent-ng-c967272132]
  .user-details[_ngcontent-ng-c967272132]
  p[_ngcontent-ng-c967272132]
  mat-icon[_ngcontent-ng-c967272132] {
  width: 18px;
  height: 18px;
  font-size: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(var(--vh, 1vh) * 100 - 110px);
  overflow: hidden;
  position: relative;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132] {
  padding: 0;
  list-style: none;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.top[_ngcontent-ng-c967272132] {
  overflow-y: auto;
  margin-top: 10px;
  height: 100%;
  margin-bottom: 0;
  max-height: calc(100% - 165px);
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.bottom[_ngcontent-ng-c967272132] {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.bottom[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132] {
  margin: 0 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.bottom[_ngcontent-ng-c967272132]
  .smenu-link[_ngcontent-ng-c967272132] {
  border: 1px solid var(--grey-50);
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.bottom[_ngcontent-ng-c967272132]
  .social-links-wrap[_ngcontent-ng-c967272132]
  label[_ngcontent-ng-c967272132] {
  font-size: 10px;
  font-family: open_semiBold;
  padding: 5px 10px;
  display: inline-block;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.bottom[_ngcontent-ng-c967272132]
  .social-links-wrap[_ngcontent-ng-c967272132]
  .social-links[_ngcontent-ng-c967272132] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
  padding: 5px 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap.bottom[_ngcontent-ng-c967272132]
  .social-links-wrap[_ngcontent-ng-c967272132]
  .social-links[_ngcontent-ng-c967272132]
  img[_ngcontent-ng-c967272132] {
  width: 20px;
  height: 20px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132] {
  margin: 2px 10px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .refer-code[_ngcontent-ng-c967272132] {
  position: relative;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .refer-code[_ngcontent-ng-c967272132]
  input[_ngcontent-ng-c967272132] {
  width: 100%;
  border: 0;
  border-radius: 8px;
  height: 40px;
  padding-left: 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .refer-code[_ngcontent-ng-c967272132]
  p[_ngcontent-ng-c967272132] {
  position: absolute;
  font-size: 12px;
  top: 0;
  right: 10px;
  height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  font-family: open_semiBold;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .refer-code[_ngcontent-ng-c967272132]
  button[_ngcontent-ng-c967272132] {
  position: absolute;
  font-size: 12px;
  top: 5px;
  right: 5px;
  height: 30px;
  margin: 0;
  display: flex;
  align-items: center;
  font-family: open_semiBold;
  width: auto;
  justify-content: center;
  border-radius: 8px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .action-btn[_ngcontent-ng-c967272132] {
  margin-top: 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .action-btn[_ngcontent-ng-c967272132]
  button[_ngcontent-ng-c967272132] {
  min-height: 40px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .action-btn[_ngcontent-ng-c967272132]
  button.app-dwnld-btn[_ngcontent-ng-c967272132] {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  background-color: transparent;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .smenu-link[_ngcontent-ng-c967272132] {
  display: flex;
  column-gap: 10px;
  align-items: center;
  line-height: 1;
  text-decoration: none;
  color: var(--grey-900);
  padding: 8px 10px;
  font-size: 12px;
  font-family: open_semiBold;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .smenu-link[_ngcontent-ng-c967272132]
  .badge[_ngcontent-ng-c967272132] {
  position: absolute;
  right: 0;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .smenu-link[_ngcontent-ng-c967272132]
  .rules-icon[_ngcontent-ng-c967272132] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grey-50);
  border-radius: 6px;
  width: 22px;
  height: 22px;
  z-index: 100;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .smenu-link.username[_ngcontent-ng-c967272132] {
  padding: 6px 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .smenu-link.username[_ngcontent-ng-c967272132]
  img[_ngcontent-ng-c967272132] {
  width: 30px;
  filter: none;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .smenu-item[_ngcontent-ng-c967272132]
  .smenu-link[_ngcontent-ng-c967272132]
  img[_ngcontent-ng-c967272132] {
  width: 16px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132] {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .smenu-link[_ngcontent-ng-c967272132] {
  background-color: var(--white-color);
  border-radius: 10px 10px 0 0;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-wrap[_ngcontent-ng-c967272132] {
  background-color: var(--white-color);
  color: var(--white-color);
  display: flex;
  align-items: center;
  border-radius: 0 0 10px 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-wrap[_ngcontent-ng-c967272132]
  label[_ngcontent-ng-c967272132] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-wrap[_ngcontent-ng-c967272132]
  .action-icons[_ngcontent-ng-c967272132] {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-wrap[_ngcontent-ng-c967272132]
  .action-icons[_ngcontent-ng-c967272132]
  mat-icon[_ngcontent-ng-c967272132] {
  margin: 0 !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--grey-100);
  color: var(--grey-900);
  padding: 4px;
  border: none;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-wrap[_ngcontent-ng-c967272132]
  mat-icon[_ngcontent-ng-c967272132] {
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid var(--grey-900);
  padding: 3px;
  width: 14px;
  height: 14px;
  color: var(--grey-900);
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-details[_ngcontent-ng-c967272132] {
  background-color: var(--white-color);
  padding: 5px 0;
  max-width: calc(100% - 20px);
  margin: auto;
  width: 100%;
  border-top: 1px solid var(--grey-100);
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-details[_ngcontent-ng-c967272132]
  .bonus-info[_ngcontent-ng-c967272132]
  p[_ngcontent-ng-c967272132] {
  margin: 0;
  font-size: 10px;
  color: var(--grey-900);
  line-height: 1.25;
  font-family: open_semiBold;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-details[_ngcontent-ng-c967272132]
  .bonus-info[_ngcontent-ng-c967272132]
  p.n-msg[_ngcontent-ng-c967272132] {
  background-color: var(--white-color);
  border-radius: 0 0 6px 6px;
  margin: 0;
  border-top: 1px solid var(--grey-100);
  color: var(--grey-900);
  font-size: 10px;
  opacity: 0.5;
  padding: 5px 0;
  font-weight: 400;
  margin-top: 5px !important;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-details[_ngcontent-ng-c967272132]
  .claim-btn[_ngcontent-ng-c967272132] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-details[_ngcontent-ng-c967272132]
  .claim-btn[_ngcontent-ng-c967272132]
  button[_ngcontent-ng-c967272132] {
  max-height: 30px;
  border-radius: 6px;
  font-size: 10px;
  text-transform: capitalize;
  max-width: 45px;
}

.mat-sidenav-container
  .left-sidemenu[_ngcontent-ng-c967272132]
  .sidemenu-list[_ngcontent-ng-c967272132]
  .smenu-wrap[_ngcontent-ng-c967272132]
  .nav-bonus[_ngcontent-ng-c967272132]
  .bonus-details[_ngcontent-ng-c967272132]
  .claim-btn[_ngcontent-ng-c967272132]
  button[_ngcontent-ng-c967272132]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.login-dialog div.mdc-dialog__surface .login-section div.login-header-section {
  padding-bottom: 0;
  color: var(--white-color);
}

.login-section .login-header-section {
  flex-direction: column;
  justify-content: center;
  min-height: 145px;
  padding: 15px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
}

.login-section {
  background: var(--primary-color);
  background-image: none !important;
}

.mat-mdc-fab .mat-mdc-button-touch-target,
.mat-mdc-mini-fab .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%);
}

.login-section {
  background: var(--primary-color);
  background-image: none !important;
}

.login-section .login-header-section {
  flex-direction: column;
  justify-content: center;
  min-height: 145px;
  padding: 15px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
}

.login-section .login-header-section .logo {
  align-self: unset;
  margin: 15px 0;
}

.login-section .login-header-section .page-back-btn {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: var(--primary-color-contrast);
  padding: 0;
  cursor: pointer;
}

.login-section .login-header-section .welcome-text p {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: normal;
  color: var(--grey-600);
}

.login-section .login-header-section .welcome-text h2 {
  color: var(--primary-color-contrast);
  font-size: 22px;
  font-weight: 500;
  font-family: open sans, sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}

.login-section .body-section {
  background-color: var(--white-color);
  border-radius: 15px 15px 0 0;
  height: calc(100% - 180px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.login-section .body-section form {
  width: 100%;
}

.login-section .body-section .login-form {
  padding: 15px;
  padding-bottom: 15px !important;
}

.login-section .body-section .login-form .form-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1001;
}

.login-section .body-section .login-form .form-list .mat-form-field {
  min-width: calc(100% - 100px);
  max-width: -moz-fit-content;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper {
  background-color: var(--card-background);
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  border: none;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix {
  display: flex;
  column-gap: 4px;
  align-items: center;
  cursor: pointer;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix
  img {
  max-width: 25px;
  border-radius: 3px;
  width: 25px;
  height: 100%;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix
  p {
  margin: 0;
  font-size: 14px;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select {
  max-width: calc(100% - 28px);
  display: flex;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-arrow-wrapper {
  margin-left: 4px;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-value {
  display: none;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-value
  .mat-mdc-select-value-text {
  font-size: 14px;
  display: none;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  display: none;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-flex
  .mat-mdc-form-field-infix
  input {
  font-size: 14px;
  border: none;
  outline: none;
  border-radius: 6px;
}

.login-section .body-section .login-form .form-list mat-form-field.select-menu {
  min-width: 100px;
  width: 100px;
  position: relative;
}

.login-section
  .body-section
  .login-form
  .form-list
  mat-form-field.select-menu:before {
  content: "";
  width: 2px;
  background-color: var(--grey-600);
  height: 30px;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 1;
  opacity: 0.6;
}

.login-section
  .body-section
  .login-form
  .form-list
  mat-form-field.select-menu
  .mat-mdc-text-field-wrapper {
  border-radius: 10px 0 0 10px;
  position: relative;
  padding: 0 8px;
}

.login-section .body-section .login-form .form-btn {
  width: 100%;
}

.login-section .body-section .login-form .form-btn p {
  margin: 0;
  color: var(--white-color);
  font-size: 10px;
}

.login-section .body-section .login-form .form-btn p.separator {
  text-align: center;
  margin: 10px 0;
}

.login-section .body-section .login-form .form-btn .extra-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}

.login-section .body-section .login-form .form-btn .extra-btns button {
  min-height: 40px;
}

.login-section
  .body-section
  .login-form
  .form-btn
  .extra-btns
  .whatsapp-id-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  background-color: var(--header-dark-color);
  border: 1px solid #01e676;
}

.login-section
  .body-section
  .login-form
  .form-btn
  .extra-btns
  .whatsapp-id-btn
  img {
  width: 25px;
}

.login-section .body-section .login-form .form-btn button {
  width: 100%;
  min-height: 45px;
}

.login-section .body-section .terms {
  font-size: 12px;
  opacity: 0.6;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
}

.login-section.login-page {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.login-section.login-page .login-header-section {
  height: 100%;
  align-items: center;
}

.login-section.login-page .login-header-section .welcome-text {
  display: none;
}

.login-section.login-page .body-section {
  height: auto;
}

.login-section.login-page .body-section .welcome-text {
  width: 100%;
}

.login-section.login-page .body-section .welcome-text p {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: normal;
}

.login-section.login-page .body-section .welcome-text h2 {
  font-size: 18px;
  font-weight: 500;
  font-family: open_Bold;
  margin-bottom: 0;
  margin-top: 0;
}

.login-section.login-page .body-section .login-form .form-btn p.separator {
  color: var(--grey-900);
}

.login-section[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .page-back-btn[_ngcontent-ng-c1411651695] {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: var(--primary-color-contrast);
  padding: 0;
  cursor: pointer;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1001;
}

.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.75;
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-container-text-font);
  line-height: var(--mat-form-field-container-text-line-height);
  font-size: var(--mat-form-field-container-text-size);
  letter-spacing: var(--mat-form-field-container-text-tracking);
  font-weight: var(--mat-form-field-container-text-weight);
}

.mdc-text-field {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
}

.mdc-text-field .mdc-floating-label {
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.mdc-text-field__input {
  height: 28px;
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  appearance: none;
  padding: 0;
}

.mdc-text-field__input::-ms-clear {
  display: none;
}

.mdc-text-field__input::-webkit-calendar-picker-indicator {
  display: none;
}

.mdc-text-field__input:focus {
  outline: none;
}

.mdc-text-field__input:invalid {
  box-shadow: none;
}

@media all {
  .mdc-text-field__input::placeholder {
    opacity: 0;
  }
}

@media all {
  .mdc-text-field__input:-ms-input-placeholder {
    opacity: 0;
  }
}

@media all {
  .mdc-text-field--no-label .mdc-text-field__input::placeholder,
  .mdc-text-field--focused .mdc-text-field__input::placeholder {
    opacity: 1;
  }
}

@media all {
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
  .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    opacity: 1;
  }
}

.mdc-text-field__affix {
  height: 28px;
  opacity: 0;
  white-space: nowrap;
}

.mdc-text-field--label-floating .mdc-text-field__affix,
.mdc-text-field--no-label .mdc-text-field__affix {
  opacity: 1;
}

@supports (-webkit-hyphens: none) {
  .mdc-text-field--outlined .mdc-text-field__affix {
    align-items: center;
    align-self: center;
    display: inline-flex;
    height: 100%;
  }
}

.mdc-text-field__affix--prefix {
  padding-left: 0;
  padding-right: 2px;
}

[dir="rtl"] .mdc-text-field__affix--prefix,
.mdc-text-field__affix--prefix[dir="rtl"] {
  padding-left: 2px;
  padding-right: 0;
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
  padding-left: 0;
  padding-right: 12px;
}

[dir="rtl"] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir="rtl"] {
  padding-left: 12px;
  padding-right: 0;
}

.mdc-text-field__affix--suffix {
  padding-left: 12px;
  padding-right: 0;
}

[dir="rtl"] .mdc-text-field__affix--suffix,
.mdc-text-field__affix--suffix[dir="rtl"] {
  padding-left: 0;
  padding-right: 12px;
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
  padding-left: 2px;
  padding-right: 0;
}

[dir="rtl"] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir="rtl"] {
  padding-left: 0;
  padding-right: 2px;
}

.mdc-text-field--filled {
  height: 56px;
}

.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field--filled .mdc-floating-label {
  left: 16px;
  right: initial;
}

[dir="rtl"] .mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--filled .mdc-floating-label[dir="rtl"] {
  left: initial;
  right: 16px;
}

.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  height: 100%;
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
  display: none;
}

.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}

@supports (-webkit-hyphens: none) {
  .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
    align-items: center;
    align-self: center;
    display: inline-flex;
    height: 100%;
  }
}

.mdc-text-field--outlined {
  height: 56px;
  overflow: visible;
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-37.25px) scale(1);
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  transform: translateY(-34.75px) scale(0.75);
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  font-size: 1rem;
}

.mdc-text-field--outlined .mdc-text-field__input {
  height: 100%;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}

[dir="rtl"]
  .mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__leading[dir="rtl"] {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-left-radius: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-shape-small, 4px));
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-left-radius: 0;
}

[dir="rtl"]
  .mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__trailing,
.mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__trailing[dir="rtl"] {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  padding-left: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}

[dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir="rtl"] {
  padding-right: 0;
}

@supports (top: max(0%)) {
  [dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir="rtl"] {
    padding-left: max(16px, var(--mdc-shape-small, 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  padding-right: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

[dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir="rtl"] {
  padding-left: 0;
}

@supports (top: max(0%)) {
  [dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir="rtl"] {
    padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  padding-left: 0;
  padding-right: 0;
}

.mdc-text-field--outlined
  .mdc-notched-outline--notched
  .mdc-notched-outline__notch {
  padding-top: 1px;
}

.mdc-text-field--outlined .mdc-floating-label {
  left: 4px;
  right: initial;
}

[dir="rtl"] .mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
  left: initial;
  right: 4px;
}

.mdc-text-field--outlined .mdc-text-field__input {
  display: flex;
  border: none !important;
  background-color: rgba(0, 0, 0, 0);
}

.mdc-text-field--outlined .mdc-notched-outline {
  z-index: 1;
}

.mdc-text-field--textarea {
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
}

.mdc-text-field--textarea .mdc-floating-label {
  top: 19px;
}

.mdc-text-field--textarea
  .mdc-floating-label:not(.mdc-floating-label--float-above) {
  transform: none;
}

.mdc-text-field--textarea .mdc-text-field__input {
  flex-grow: 1;
  height: auto;
  min-height: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  resize: none;
  padding: 0 16px;
}

.mdc-text-field--textarea.mdc-text-field--filled::before {
  display: none;
}

.mdc-text-field--textarea.mdc-text-field--filled
  .mdc-floating-label--float-above {
  transform: translateY(-10.25px) scale(0.75);
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
  margin-top: 23px;
  margin-bottom: 9px;
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label
  .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mdc-text-field--textarea.mdc-text-field--outlined
  .mdc-notched-outline--notched
  .mdc-notched-outline__notch {
  padding-top: 0;
}

.mdc-text-field--textarea.mdc-text-field--outlined
  .mdc-floating-label--float-above {
  transform: translateY(-27.25px) scale(1);
}

.mdc-text-field--textarea.mdc-text-field--outlined
  .mdc-floating-label--float-above {
  font-size: 0.75rem;
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  transform: translateY(-24.75px) scale(0.75);
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  font-size: 1rem;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
  top: 18px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter
  .mdc-text-field__input {
  margin-bottom: 2px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter
  .mdc-text-field-character-counter {
  align-self: flex-end;
  padding: 0 16px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter
  .mdc-text-field-character-counter::after {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: -16px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter
  .mdc-text-field-character-counter::before {
  display: none;
}

.mdc-text-field__resizer {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  max-width: 100%;
  min-height: 56px;
  min-width: fit-content;
  min-width: -moz-available;
  min-width: -webkit-fill-available;
  overflow: hidden;
  resize: both;
}

.mdc-text-field--filled .mdc-text-field__resizer {
  transform: translateY(-1px);
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled
  .mdc-text-field__resizer
  .mdc-text-field-character-counter {
  transform: translateY(1px);
}

.mdc-text-field--outlined .mdc-text-field__resizer {
  transform: translateX(-1px) translateY(-1px);
}

[dir="rtl"] .mdc-text-field--outlined .mdc-text-field__resizer,
.mdc-text-field--outlined .mdc-text-field__resizer[dir="rtl"] {
  transform: translateX(1px) translateY(-1px);
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined
  .mdc-text-field__resizer
  .mdc-text-field-character-counter {
  transform: translateX(1px) translateY(1px);
}

[dir="rtl"]
  .mdc-text-field--outlined
  .mdc-text-field__resizer
  .mdc-text-field__input,
[dir="rtl"]
  .mdc-text-field--outlined
  .mdc-text-field__resizer
  .mdc-text-field-character-counter,
.mdc-text-field--outlined
  .mdc-text-field__resizer
  .mdc-text-field__input[dir="rtl"],
.mdc-text-field--outlined
  .mdc-text-field__resizer
  .mdc-text-field-character-counter[dir="rtl"] {
  transform: translateX(-1px) translateY(1px);
}

.mdc-text-field--with-leading-icon {
  padding-left: 0;
  padding-right: 16px;
}

[dir="rtl"] .mdc-text-field--with-leading-icon,
.mdc-text-field--with-leading-icon[dir="rtl"] {
  padding-left: 16px;
  padding-right: 0;
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 48px);
  left: 48px;
  right: initial;
}

[dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--filled
  .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--filled
  .mdc-floating-label[dir="rtl"] {
  left: initial;
  right: 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled
  .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label {
  left: 36px;
  right: initial;
}

[dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label[dir="rtl"] {
  left: initial;
  right: 36px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  :not(.mdc-notched-outline--notched)
  .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label--float-above {
  transform: translateY(-37.25px) translateX(-32px) scale(1);
}

[dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label--float-above[dir="rtl"] {
  transform: translateY(-37.25px) translateX(32px) scale(1);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label--float-above {
  font-size: 0.75rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}

[dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
[dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above[dir="rtl"],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above[dir="rtl"] {
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded
  .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  font-size: 1rem;
}

.mdc-text-field--with-trailing-icon {
  padding-left: 16px;
  padding-right: 0;
}

[dir="rtl"] .mdc-text-field--with-trailing-icon,
.mdc-text-field--with-trailing-icon[dir="rtl"] {
  padding-left: 0;
  padding-right: 16px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 64px);
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled
  .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined
  :not(.mdc-notched-outline--notched)
  .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  padding-left: 0;
  padding-right: 0;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled
  .mdc-floating-label {
  max-width: calc(100% - 96px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled
  .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 96px / 0.75);
}

.mdc-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-form-field > .mdc-text-field + label {
  align-self: flex-start;
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}

.mdc-text-field--focused
  + .mdc-text-field-helper-line
  .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
}

.mdc-text-field--focused.mdc-text-field--outlined
  .mdc-notched-outline--notched
  .mdc-notched-outline__notch {
  padding-top: 2px;
}

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea
  .mdc-notched-outline--notched
  .mdc-notched-outline__notch {
  padding-top: 0;
}

.mdc-text-field--invalid
  + .mdc-text-field-helper-line
  .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
}

.mdc-text-field--disabled {
  pointer-events: none;
}

@media screen and (forced-colors: active) {
  .mdc-text-field--disabled .mdc-text-field__input {
    background-color: Window;
  }

  .mdc-text-field--disabled .mdc-floating-label {
    z-index: 1;
  }
}

.mdc-text-field--disabled .mdc-floating-label {
  cursor: default;
}

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
  display: none;
}

.mdc-text-field--disabled .mdc-text-field__input {
  pointer-events: auto;
}

.mdc-text-field--end-aligned .mdc-text-field__input {
  text-align: right;
}

[dir="rtl"] .mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--end-aligned .mdc-text-field__input[dir="rtl"] {
  text-align: left;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__affix,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__affix {
  direction: ltr;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__affix--prefix {
  padding-left: 0;
  padding-right: 2px;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__affix--suffix {
  padding-left: 12px;
  padding-right: 0;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__icon--leading {
  order: 1;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__affix--suffix {
  order: 2;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__input,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__input {
  order: 3;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__affix--prefix {
  order: 4;
}

[dir="rtl"] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,
.mdc-text-field--ltr-text[dir="rtl"] .mdc-text-field__icon--trailing {
  order: 5;
}

[dir="rtl"]
  .mdc-text-field--ltr-text.mdc-text-field--end-aligned
  .mdc-text-field__input,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir="rtl"]
  .mdc-text-field__input {
  text-align: right;
}

[dir="rtl"]
  .mdc-text-field--ltr-text.mdc-text-field--end-aligned
  .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir="rtl"]
  .mdc-text-field__affix--prefix {
  padding-right: 12px;
}

[dir="rtl"]
  .mdc-text-field--ltr-text.mdc-text-field--end-aligned
  .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir="rtl"]
  .mdc-text-field__affix--suffix {
  padding-left: 2px;
}

.mdc-floating-label {
  position: absolute;
  left: 0;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  will-change: transform;
}

[dir="rtl"] .mdc-floating-label,
.mdc-floating-label[dir="rtl"] {
  right: 0;
  left: auto;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  text-align: right;
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--required:not(
    .mdc-floating-label--hide-required-marker
  )::after {
  margin-left: 1px;
  margin-right: 0px;
  content: "*";
}

[dir="rtl"]
  .mdc-floating-label--required:not(
    .mdc-floating-label--hide-required-marker
  )::after,
.mdc-floating-label--required:not(
    .mdc-floating-label--hide-required-marker
  )[dir="rtl"]::after {
  margin-left: 0;
  margin-right: 1px;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
}

[dir="rtl"] .mdc-notched-outline,
.mdc-notched-outline[dir="rtl"] {
  text-align: right;
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
}

.mdc-notched-outline__trailing {
  flex-grow: 1;
}

.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
}

.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: 133.3333333333%;
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-left: 0;
  padding-right: 8px;
  border-top: none;
}

[dir="rtl"] .mdc-notched-outline--notched .mdc-notched-outline__notch,
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir="rtl"] {
  padding-left: 8px;
  padding-right: 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  display: none;
}

.mdc-line-ripple::before,
.mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}

.mdc-line-ripple::before {
  z-index: 1;
}

.mdc-line-ripple::after {
  transform: scaleX(0);
  opacity: 0;
  z-index: 2;
}

.mdc-line-ripple--active::after {
  transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating::after {
  opacity: 0;
}

.mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.mdc-notched-outline__leading {
  border-left: 1px solid;
  border-right: none;
  width: 12px;
}

[dir="rtl"] .mdc-notched-outline__leading,
.mdc-notched-outline__leading[dir="rtl"] {
  border-left: none;
  border-right: 1px solid;
}

.mdc-notched-outline__trailing {
  border-left: none;
  border-right: 1px solid;
}

[dir="rtl"] .mdc-notched-outline__trailing,
.mdc-notched-outline__trailing[dir="rtl"] {
  border-left: 1px solid;
  border-right: none;
}

.mdc-notched-outline__notch {
  max-width: calc(100% - 12px * 2);
}

.mdc-line-ripple::before {
  border-bottom-width: 1px;
}

.mdc-line-ripple::after {
  border-bottom-width: 2px;
}

.mdc-text-field--filled {
  --mdc-filled-text-field-active-indicator-height: 0px;
  /* --mdc-filled-text-field-active-indicator-height: 1px; */
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  border-top-left-radius: var(--mdc-filled-text-field-container-shape);
  border-top-right-radius: var(--mdc-filled-text-field-container-shape);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: var(--mdc-filled-text-field-caret-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-text-field__input {
  caret-color: var(--mdc-filled-text-field-error-caret-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--mdc-filled-text-field-input-text-color);
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
  color: var(--mdc-filled-text-field-disabled-input-text-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled)
  .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-label-text-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-focus-label-text-color);
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--disabled
  .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-disabled-label-text-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-error-label-text-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-error-focus-label-text-color);
}

.mdc-text-field--filled .mdc-floating-label {
  font-family: var(--mdc-filled-text-field-label-text-font);
  font-size: var(--mdc-filled-text-field-label-text-size);
  font-weight: var(--mdc-filled-text-field-label-text-weight);
  letter-spacing: var(--mdc-filled-text-field-label-text-tracking);
}

@media all {
  .mdc-text-field--filled:not(.mdc-text-field--disabled)
    .mdc-text-field__input::placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color);
  }
}

@media all {
  .mdc-text-field--filled:not(.mdc-text-field--disabled)
    .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color);
  }
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--mdc-filled-text-field-container-color);
}

.mdc-text-field--filled.mdc-text-field--disabled {
  background-color: var(--mdc-filled-text-field-disabled-container-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled)
  .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-hover-active-indicator-color
  );
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(
    --mdc-filled-text-field-focus-active-indicator-color
  );
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-disabled-active-indicator-color
  );
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-error-active-indicator-color
  );
}

.mdc-text-field--filled.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ):not(.mdc-text-field--focused):hover
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-error-hover-active-indicator-color
  );
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-line-ripple::after {
  border-bottom-color: var(
    --mdc-filled-text-field-error-focus-active-indicator-color
  );
}

.mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: var(--mdc-filled-text-field-active-indicator-height);
}

.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-width: var(
    --mdc-filled-text-field-focus-active-indicator-height
  );
}

.mdc-text-field--outlined {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-text-field__input {
  caret-color: var(--mdc-outlined-text-field-caret-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-text-field__input {
  caret-color: var(--mdc-outlined-text-field-error-caret-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-text-field__input {
  color: var(--mdc-outlined-text-field-input-text-color);
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  color: var(--mdc-outlined-text-field-disabled-input-text-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-floating-label--float-above {
  color: var(--mdc-outlined-text-field-label-text-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-floating-label--float-above {
  color: var(--mdc-outlined-text-field-focus-label-text-color);
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--disabled
  .mdc-floating-label--float-above {
  color: var(--mdc-outlined-text-field-disabled-label-text-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-floating-label--float-above {
  color: var(--mdc-outlined-text-field-error-label-text-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-floating-label--float-above {
  color: var(--mdc-outlined-text-field-error-focus-label-text-color);
}

.mdc-text-field--outlined .mdc-floating-label {
  font-family: var(--mdc-outlined-text-field-label-text-font);
  font-size: var(--mdc-outlined-text-field-label-text-size);
  font-weight: var(--mdc-outlined-text-field-label-text-weight);
  letter-spacing: var(--mdc-outlined-text-field-label-text-tracking);
}

@media all {
  .mdc-text-field--outlined:not(.mdc-text-field--disabled)
    .mdc-text-field__input::placeholder {
    color: var(--mdc-outlined-text-field-input-text-placeholder-color);
  }
}

@media all {
  .mdc-text-field--outlined:not(.mdc-text-field--disabled)
    .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mdc-outlined-text-field-input-text-placeholder-color);
  }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape);
}

[dir="rtl"]
  .mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__leading[dir="rtl"] {
  border-top-left-radius: 0;
  border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
  border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
  border-bottom-left-radius: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-outlined-text-field-container-shape));
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(
      100% - max(12px, var(--mdc-outlined-text-field-container-shape)) * 2
    );
  }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-left-radius: 0;
  border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
  border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
  border-bottom-left-radius: 0;
}

[dir="rtl"]
  .mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__trailing,
.mdc-text-field--outlined
  .mdc-notched-outline
  .mdc-notched-outline__trailing[dir="rtl"] {
  border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape);
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    padding-left: max(
      16px,
      calc(var(--mdc-outlined-text-field-container-shape) + 4px)
    );
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    padding-right: max(16px, var(--mdc-outlined-text-field-container-shape));
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    padding-left: max(
      16px,
      calc(var(--mdc-outlined-text-field-container-shape) + 4px)
    );
  }
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    padding-right: max(16px, var(--mdc-outlined-text-field-container-shape));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  padding-left: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-right: max(16px, var(--mdc-outlined-text-field-container-shape));
  }
}

[dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir="rtl"] {
  padding-right: 0;
}

@supports (top: max(0%)) {
  [dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir="rtl"] {
    padding-left: max(16px, var(--mdc-outlined-text-field-container-shape));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  padding-right: 0;
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-left: max(
      16px,
      calc(var(--mdc-outlined-text-field-container-shape) + 4px)
    );
  }
}

[dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir="rtl"] {
  padding-left: 0;
}

@supports (top: max(0%)) {
  [dir="rtl"] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir="rtl"] {
    padding-right: max(
      16px,
      calc(var(--mdc-outlined-text-field-container-shape) + 4px)
    );
  }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  padding-left: 0;
  padding-right: 0;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-outline-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-notched-outline
  .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-notched-outline
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-hover-outline-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-focus-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--disabled
  .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-disabled-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled)
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-error-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ):not(.mdc-text-field--focused):hover
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ):not(.mdc-text-field--focused):hover
  .mdc-notched-outline
  .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ):not(.mdc-text-field--focused):hover
  .mdc-notched-outline
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-error-hover-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(
    .mdc-text-field--disabled
  ).mdc-text-field--focused
  .mdc-notched-outline__trailing {
  border-color: var(--mdc-outlined-text-field-error-focus-outline-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-notched-outline
  .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled)
  .mdc-notched-outline
  .mdc-notched-outline__trailing {
  border-width: var(--mdc-outlined-text-field-outline-width);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline
  .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline
  .mdc-notched-outline__trailing {
  border-width: var(--mdc-outlined-text-field-focus-outline-width);
}

.mat-mdc-form-field-textarea-control {
  vertical-align: middle;
  resize: vertical;
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  overflow: auto;
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
}

.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: normal;
  pointer-events: all;
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea)
  .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  height: auto;
}

.mat-mdc-text-field-wrapper
  .mat-mdc-form-field-input-control.mdc-text-field__input[type="color"] {
  height: 23px;
}

.mat-mdc-text-field-wrapper {
  height: auto;
  flex: auto;
}

.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
  padding-left: 0;
  --mat-mdc-form-field-label-offset-x: -16px;
}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-right: 0;
}

[dir="rtl"] .mat-mdc-text-field-wrapper {
  padding-left: 16px;
  padding-right: 16px;
}

[dir="rtl"] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-left: 0;
}

[dir="rtl"] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
  padding-right: 0;
}

.mat-form-field-disabled .mdc-text-field__input::placeholder {
  color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder {
  color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder {
  color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder {
  color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: 110ms;
  opacity: 1;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
  left: auto;
  right: auto;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
  display: inline-block;
}

.mat-mdc-form-field
  .mat-mdc-text-field-wrapper.mdc-text-field
  .mdc-notched-outline__notch {
  padding-top: 0;
}

.mat-mdc-text-field-wrapper::before {
  content: none;
}

.mat-mdc-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-error-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
}

.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
  position: static;
}

.mat-mdc-form-field-bottom-align::before {
  content: "";
  display: inline-block;
  height: 16px;
}

.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before {
  content: unset;
}

.mat-mdc-form-field-hint-end {
  order: 1;
}

.mat-mdc-form-field-hint-wrapper {
  display: flex;
}

.mat-mdc-form-field-hint-spacer {
  flex: 1 0 1em;
}

.mat-mdc-form-field-error {
  display: block;
}

.mat-mdc-form-field-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

select.mat-mdc-form-field-input-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  box-sizing: border-box;
}

select.mat-mdc-form-field-input-control:not(:disabled) {
  cursor: pointer;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

[dir="rtl"]
  .mat-mdc-form-field-type-mat-native-select
  .mat-mdc-form-field-infix::after {
  right: auto;
  left: 0;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
  padding-right: 15px;
}

[dir="rtl"]
  .mat-mdc-form-field-type-mat-native-select
  .mat-mdc-form-field-input-control {
  padding-right: 0;
  padding-left: 15px;
}

.cdk-high-contrast-active
  .mat-form-field-appearance-fill
  .mat-mdc-text-field-wrapper {
  outline: solid 1px;
}

.cdk-high-contrast-active
  .mat-form-field-appearance-fill.mat-form-field-disabled
  .mat-mdc-text-field-wrapper {
  outline-color: GrayText;
}

.cdk-high-contrast-active
  .mat-form-field-appearance-fill.mat-focused
  .mat-mdc-text-field-wrapper {
  outline: dashed 3px;
}

.cdk-high-contrast-active .mat-mdc-form-field.mat-focused .mdc-notched-outline {
  border: dashed 3px;
}

.mat-mdc-form-field-input-control[type="date"],
.mat-mdc-form-field-input-control[type="datetime"],
.mat-mdc-form-field-input-control[type="datetime-local"],
.mat-mdc-form-field-input-control[type="month"],
.mat-mdc-form-field-input-control[type="week"],
.mat-mdc-form-field-input-control[type="time"] {
  line-height: 1;
}

.mat-mdc-form-field-input-control::-webkit-datetime-edit {
  line-height: 1;
  padding: 0;
  margin-bottom: -2px;
}

.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.75;
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-container-text-font);
  line-height: var(--mat-form-field-container-text-line-height);
  font-size: var(--mat-form-field-container-text-size);
  letter-spacing: var(--mat-form-field-container-text-tracking);
  font-weight: var(--mat-form-field-container-text-weight);
}

[dir="rtl"] .mat-mdc-form-field {
  text-align: right;
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: calc(
    var(--mat-form-field-outlined-label-text-populated-size) *
      var(--mat-mdc-form-field-floating-label-scale)
  );
}

.mat-mdc-form-field
  .mdc-text-field--outlined
  .mdc-notched-outline--upgraded
  .mdc-floating-label--float-above {
  font-size: var(--mat-form-field-outlined-label-text-populated-size);
}

.mat-mdc-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
}

.mat-mdc-text-field-wrapper {
  width: 100%;
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
  align-self: center;
  line-height: 0;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

.mat-mdc-form-field-icon-prefix,
[dir="rtl"] .mat-mdc-form-field-icon-suffix {
  padding: 0 4px 0 0;
}

.mat-mdc-form-field-icon-suffix,
[dir="rtl"] .mat-mdc-form-field-icon-prefix {
  padding: 0 0 0 4px;
}

.mat-mdc-form-field-icon-prefix > .mat-icon,
.mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 12px;
  box-sizing: content-box;
}

.mat-mdc-form-field-subscript-wrapper .mat-icon,
.mat-mdc-form-field label .mat-icon {
  width: 1em;
  height: 1em;
  font-size: inherit;
}

.mat-mdc-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
}

.mat-mdc-form-field .mdc-notched-outline__notch {
  margin-left: -1px;
  -webkit-clip-path: inset(-9em -999em -9em 1px);
  clip-path: inset(-9em -999em -9em 1px);
}

[dir="rtl"] .mat-mdc-form-field .mdc-notched-outline__notch {
  margin-left: 0;
  margin-right: -1px;
  -webkit-clip-path: inset(-9em 1px -9em -999em);
  clip-path: inset(-9em 1px -9em -999em);
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media all {
  .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input::placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media all {
  .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input:-ms-input-placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media all {
  .mdc-text-field--no-label
    .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input::placeholder,
  .mdc-text-field--focused
    .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
  }
}

@media all {
  .mdc-text-field--no-label
    .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input:-ms-input-placeholder,
  .mdc-text-field--focused
    .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
  }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__affix {
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--filled.mdc-ripple-upgraded--background-focused
  .mdc-text-field__ripple::before,
.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus
  .mdc-text-field__ripple::before {
  transition-duration: 75ms;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--outlined
  .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  100% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--textarea {
  transition: none;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--textarea.mdc-text-field--filled
  .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-textarea-filled {
  0% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px))
      scale(0.75);
  }

  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(calc(0% - 10.25px))
      scale(0.75);
  }

  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 10.25px))
      scale(0.75);
  }

  100% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px))
      scale(0.75);
  }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--textarea.mdc-text-field--outlined
  .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  0% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px))
      scale(0.75);
  }

  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px))
      scale(0.75);
  }

  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px))
      scale(0.75);
  }

  100% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px))
      scale(0.75);
  }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon
    250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  100% {
    transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }
}

[dir="rtl"]
  .mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined
  .mdc-floating-label--shake,
.mat-mdc-form-field:not(.mat-form-field-no-animations)
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"]
  .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon
    250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }

  100% {
    transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px))
      scale(0.75);
  }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label {
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
    color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  }

  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  }

  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%))
      scale(0.75);
  }

  100% {
    transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-notched-outline .mdc-floating-label {
  max-width: calc(100% + 1px);
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(133.3333333333% + 1px);
}

.mat-mdc-select {
  display: inline-block;
  width: 100%;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--mat-select-enabled-trigger-text-color);
  font-family: var(--mat-select-trigger-text-font);
  line-height: var(--mat-select-trigger-text-line-height);
  font-size: var(--mat-select-trigger-text-size);
  font-weight: var(--mat-select-trigger-text-weight);
  letter-spacing: var(--mat-select-trigger-text-tracking);
}

.mat-mdc-select-disabled {
  color: var(--mat-select-disabled-trigger-text-color);
}

.mat-mdc-select-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.mat-mdc-select-disabled .mat-mdc-select-trigger {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.mat-mdc-select-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mat-mdc-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mat-mdc-select-arrow-wrapper {
  height: 24px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-8px);
}

.mat-form-field-appearance-fill
  .mdc-text-field--no-label
  .mat-mdc-select-arrow-wrapper {
  transform: none;
}

.mat-mdc-select-arrow {
  width: 10px;
  height: 5px;
  position: relative;
  color: var(--mat-select-enabled-arrow-color);
}

.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: var(--mat-select-focused-arrow-color);
}

.mat-mdc-form-field
  .mat-mdc-select.mat-mdc-select-invalid
  .mat-mdc-select-arrow {
  color: var(--mat-select-invalid-arrow-color);
}

.mat-mdc-form-field
  .mat-mdc-select.mat-mdc-select-disabled
  .mat-mdc-select-arrow {
  color: var(--mat-select-disabled-arrow-color);
}

.mat-mdc-select-arrow svg {
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cdk-high-contrast-active .mat-mdc-select-arrow svg {
  fill: CanvasText;
}

.mat-mdc-select-disabled .cdk-high-contrast-active .mat-mdc-select-arrow svg {
  fill: GrayText;
}

div.mat-mdc-select-panel {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
  max-height: 275px;
  outline: 0;
  overflow: auto;
  padding: 8px 0;
  border-radius: 4px;
  box-sizing: border-box;
  position: static;
  background-color: var(--mat-select-panel-background-color);
}

.cdk-high-contrast-active div.mat-mdc-select-panel {
  outline: solid 1px;
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transform-origin: top center;
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform-origin: bottom center;
}

.mat-mdc-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  color: var(--mat-select-placeholder-text-color);
}

._mat-animation-noopable .mat-mdc-select-placeholder {
  transition: none;
}

.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
  color: rgba(0, 0, 0, 0);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  transition: none;
  display: block;
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill
  .mat-mdc-floating-label {
  max-width: calc(100% - 18px);
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill
  .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 24px);
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline
  .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline
  .mdc-text-field--label-floating
  .mdc-notched-outline__notch {
  max-width: calc(100% - 24px);
}

.mat-mdc-select-min-line:empty::before {
  content: " ";
  white-space: pre;
  width: 1px;
  display: inline-block;
  visibility: hidden;
}

.login-section[_ngcontent-ng-c1411651695] {
  background: var(--modal-bg);
  background-image: none !important;
}

.login-section[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695] {
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  padding: 15px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
}

.login-section[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .logo[_ngcontent-ng-c1411651695] {
  align-self: unset;
  margin: 15px 0;
}

.login-section[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .page-back-btn[_ngcontent-ng-c1411651695] {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: var(--primary-color-contrast);
  padding: 0;
  cursor: pointer;
}

.login-section[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .welcome-text[_ngcontent-ng-c1411651695]
  p[_ngcontent-ng-c1411651695] {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: normal;
  color: var(--primary-color-contrast);
}

.login-section[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .welcome-text[_ngcontent-ng-c1411651695]
  h2[_ngcontent-ng-c1411651695] {
  color: var(--primary-color-contrast);
  font-size: 22px;
  font-weight: 500;
  font-family: open sans, sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695] {
  background-color: var(--white-color);
  border-radius: 15px 15px 0 0;
  height: calc(100% - 180px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  form[_ngcontent-ng-c1411651695] {
  width: 100%;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695] {
  padding: 15px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1001;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.login-with-password[_ngcontent-ng-c1411651695],
.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.promocode-field[_ngcontent-ng-c1411651695] {
  position: relative;
  margin-bottom: 10px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.login-with-password[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple,
.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.promocode-field[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  display: none;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.login-with-password[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-flex
  .mat-mdc-form-field-infix
  input,
.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.promocode-field[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-flex
  .mat-mdc-form-field-infix
  input {
  font-size: 14px;
  text-align: left;
  letter-spacing: normal;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.login-with-password[_ngcontent-ng-c1411651695]
  .visibility-toggle-btn[_ngcontent-ng-c1411651695],
.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.promocode-field[_ngcontent-ng-c1411651695]
  .visibility-toggle-btn[_ngcontent-ng-c1411651695] {
  background: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  z-index: 100;
  cursor: pointer;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.login-with-password[_ngcontent-ng-c1411651695]
  .visibility-toggle-btn[_ngcontent-ng-c1411651695]
  mat-icon[_ngcontent-ng-c1411651695],
.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.promocode-field[_ngcontent-ng-c1411651695]
  .visibility-toggle-btn[_ngcontent-ng-c1411651695]
  mat-icon[_ngcontent-ng-c1411651695] {
  font-size: 18px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.promocode-field[_ngcontent-ng-c1411651695] {
  position: relative;
  margin-bottom: 25px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695] {
  margin-bottom: 0;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper {
  background-color: var(--card-background);
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  display: none;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-flex
  .mat-mdc-form-field-infix
  input {
  font-size: 14px;
  text-align: center;
  letter-spacing: 20px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list[_ngcontent-ng-c1411651695]
  mat-form-field[_ngcontent-ng-c1411651695]
  .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-links[_ngcontent-ng-c1411651695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  margin-bottom: 20px !important;
  padding: 0 5px;
  position: static;
  margin-top: 10px !important;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-links[_ngcontent-ng-c1411651695]
  p[_ngcontent-ng-c1411651695] {
  margin: 0;
  color: var(--primary-color);
  font-size: 12px;
  cursor: pointer;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-links[_ngcontent-ng-c1411651695]
  p.active[_ngcontent-ng-c1411651695] {
  color: var(--primary-color);
  cursor: pointer;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-links[_ngcontent-ng-c1411651695]
  p.otp-link[_ngcontent-ng-c1411651695] {
  cursor: not-allowed;
  color: var(--grey-300);
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-links[_ngcontent-ng-c1411651695]
  p.otp-link.active[_ngcontent-ng-c1411651695] {
  color: var(--primary-color);
  cursor: pointer;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-btn[_ngcontent-ng-c1411651695] {
  width: 100%;
  margin-top: 14px;
}

.login-section[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-btn[_ngcontent-ng-c1411651695]
  button[_ngcontent-ng-c1411651695] {
  width: 100%;
  min-height: 45px;
}

.login-section.login-page[_ngcontent-ng-c1411651695] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695] {
  height: 100%;
  align-items: center;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .page-back-btn[_ngcontent-ng-c1411651695] {
  position: absolute;
  left: 20px;
  top: 20px;
  column-gap: 10px;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .login-header-section[_ngcontent-ng-c1411651695]
  .welcome-text[_ngcontent-ng-c1411651695] {
  display: none;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695] {
  height: auto;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .welcome-text[_ngcontent-ng-c1411651695] {
  width: 100%;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .welcome-text[_ngcontent-ng-c1411651695]
  p[_ngcontent-ng-c1411651695] {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: normal;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .welcome-text[_ngcontent-ng-c1411651695]
  h2[_ngcontent-ng-c1411651695] {
  font-size: 22px;
  font-weight: 500;
  font-family: open_Bold;
  margin-bottom: 0;
  margin-top: 0;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-list.login-with-password[_ngcontent-ng-c1411651695] {
  margin-bottom: 0;
}

.login-section.login-page[_ngcontent-ng-c1411651695]
  .body-section[_ngcontent-ng-c1411651695]
  .login-form[_ngcontent-ng-c1411651695]
  .form-btn[_ngcontent-ng-c1411651695]
  p.separator[_ngcontent-ng-c1411651695] {
  color: var(--grey-900);
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  inset: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(
      min-content,
      auto
    );
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}

div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}

.swal2-popup.alert-dialog .swal2-actions .swal2-styled.swal2-confirm {
  background-color: var(--primary-bg) !important;
  margin: 0 0 4px;
  border-radius: 30px;
  width: 55%;
  height: 35px;
  max-width: 200px;
  line-height: 1;
  font-size: 12px;
  font-family: open_regular;
}

div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0);
}

.swal2-popup.alert-dialog .swal2-actions {
  width: 100%;
  padding: 24px 0 15px;
  margin: 0;
  border-radius: 0 0 6px 6px;
  background-color: var(--grey-50);
}

div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.modal-header[_ngcontent-ng-c2718167310] {
  background-color: var(--header-dark-color);
  color: var(--white-color);
}

.modal-header[_ngcontent-ng-c2718167310]
  .action-btns[_ngcontent-ng-c2718167310] {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}

.modal-header[_ngcontent-ng-c2718167310] mat-icon[_ngcontent-ng-c2718167310] {
  font-size: 0.875rem;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--primary-color-contrast);
}

.modal-header[_ngcontent-ng-c2718167310] button[_ngcontent-ng-c2718167310] {
  min-width: auto;
  width: 25px;
  max-height: 25px;
  background: var(--primary-color) !important;
  border-radius: 50%;
  padding: 0;
}

.modal-header[_ngcontent-ng-c2718167310]
  button[_ngcontent-ng-c2718167310]:focus-visible {
  border: 0 !important;
  outline: none;
}

.modal-header[_ngcontent-ng-c2718167310]
  button[_ngcontent-ng-c2718167310]
  span[_ngcontent-ng-c2718167310] {
  color: var(--primary-color-contrast);
  font-size: 16px;
  max-width: 24px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310] {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  p.input-msg[_ngcontent-ng-c2718167310] {
  font-size: 0.75rem;
  margin: 0 0 5px;
  opacity: 0.8;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .amt-chip-grid[_ngcontent-ng-c2718167310] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5px;
  row-gap: 5px;
  margin-bottom: 10px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .amt-chip-grid.end-row[_ngcontent-ng-c2718167310] {
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--header-dark-color);
  padding-bottom: 10px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .amt-chip-grid[_ngcontent-ng-c2718167310]
  .chip-grid-item[_ngcontent-ng-c2718167310] {
  text-align: center;
  min-width: auto;
  padding: 5px 6px;
  border-radius: 0;
  border: 1px solid var(--header-dark-color);
  background-color: var(--grey-00);
  font-weight: 500;
  line-height: 1;
  min-height: 30px;
  width: 100%;
  font-size: 10px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .amt-chip-grid[_ngcontent-ng-c2718167310]
  .chip-grid-item.error[_ngcontent-ng-c2718167310] {
  border-color: var(--danger-color);
  border-width: 2px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .amt-chip-grid[_ngcontent-ng-c2718167310]
  .chip-grid-item[_ngcontent-ng-c2718167310]:last-child {
  margin-right: 0;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .accept-checkwrap[_ngcontent-ng-c2718167310]
  p[_ngcontent-ng-c2718167310] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--dark-text);
  margin: 0;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .accept-checkwrap[_ngcontent-ng-c2718167310]
  .checkitems[_ngcontent-ng-c2718167310] {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .accept-checkwrap[_ngcontent-ng-c2718167310]
  .accept-checkbox[_ngcontent-ng-c2718167310] {
  margin: 5px 0;
  display: block;
  border-radius: 0;
  padding: 0;
  font-weight: 300;
  color: var(--dark-text);
  font-size: 0.75rem;
  font-weight: 500;
}

.editvalue-wrap
  .accept-checkwrap
  .accept-checkbox.mat-checkbox-disabled
  .mat-checkbox-inner-container {
  opacity: 0.6;
}

.editvalue-wrap
  .accept-checkwrap
  .accept-checkbox.mat-checkbox-disabled
  .mat-checkbox-label {
  color: var(--text-color);
  opacity: 0.6;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .accept-checkwrap[_ngcontent-ng-c2718167310]
  .accept-checkbox[_ngcontent-ng-c2718167310]
  .mat-checkbox-frame {
  border-color: var(--card-background);
}

.editvalue-wrap
  .accept-checkwrap
  .accept-checkbox.mat-checkbox-checked
  .mat-checkbox-background {
  background-color: var(--card-background);
}

.editvalue-wrap
  .accept-checkwrap
  .accept-checkbox.mat-checkbox-checked
  .mat-checkbox-background
  .mat-checkbox-checkmark-path {
  stroke: var(--text-color) !important;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .action-btns[_ngcontent-ng-c2718167310] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  margin-top: 10px;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .action-btns[_ngcontent-ng-c2718167310]
  button[_ngcontent-ng-c2718167310] {
  font-size: 0.75rem;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .action-btns[_ngcontent-ng-c2718167310]
  button.cancel-btn[_ngcontent-ng-c2718167310] {
  border: 1px solid var(--header-dark-color);
  background-color: transparent;
}

.editvalue-wrap[_ngcontent-ng-c2718167310]
  .action-btns[_ngcontent-ng-c2718167310]
  button.save-btn[_ngcontent-ng-c2718167310] {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color: var(--primary-color-contrast);
}

.error-msg[_ngcontent-ng-c2718167310] {
  font-size: 0.625rem;
  color: var(--danger-color);
}

.mdc-snackbar {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mdc-snackbar--opening,
.mdc-snackbar--open,
.mdc-snackbar--closing {
  display: flex;
}

.mdc-snackbar--open .mdc-snackbar__label,
.mdc-snackbar--open .mdc-snackbar__actions {
  visibility: visible;
}

.mdc-snackbar__surface {
  padding-left: 0;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transform: scale(0.8);
  opacity: 0;
}

.mdc-snackbar__surface::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

@media screen and (forced-colors: active) {
  .mdc-snackbar__surface::before {
    border-color: CanvasText;
  }
}

[dir="rtl"] .mdc-snackbar__surface,
.mdc-snackbar__surface[dir="rtl"] {
  padding-left: 8px;
  padding-right: 0;
}

.mdc-snackbar--open .mdc-snackbar__surface {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.mdc-snackbar--closing .mdc-snackbar__surface {
  transform: scale(1);
}

.mdc-snackbar__label {
  padding-left: 16px;
  padding-right: 8px;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  visibility: hidden;
  padding-top: 14px;
  padding-bottom: 14px;
}

[dir="rtl"] .mdc-snackbar__label,
.mdc-snackbar__label[dir="rtl"] {
  padding-left: 8px;
  padding-right: 16px;
}

.mdc-snackbar__label::before {
  display: inline;
  content: attr(data-mdc-snackbar-label-text);
}

.mdc-snackbar__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
  visibility: hidden;
}

.mdc-snackbar__action + .mdc-snackbar__dismiss {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .mdc-snackbar__action + .mdc-snackbar__dismiss,
.mdc-snackbar__action + .mdc-snackbar__dismiss[dir="rtl"] {
  margin-left: 0;
  margin-right: 8px;
}

.mat-mdc-snack-bar-container {
  margin: 8px;
  --mdc-snackbar-container-shape: 4px;
  position: static;
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  min-width: 344px;
}

@media (max-width: 480px), (max-width: 344px) {
  .mat-mdc-snack-bar-container .mdc-snackbar__surface {
    min-width: 100%;
  }
}

@media (max-width: 480px), (max-width: 344px) {
  .mat-mdc-snack-bar-container {
    width: 100vw;
  }
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  max-width: 672px;
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background-color: var(--mdc-snackbar-container-color);
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  border-radius: var(--mdc-snackbar-container-shape);
}

.mat-mdc-snack-bar-container .mdc-snackbar__label {
  color: var(--mdc-snackbar-supporting-text-color);
}

.mat-mdc-snack-bar-container .mdc-snackbar__label {
  font-size: var(--mdc-snackbar-supporting-text-size);
  font-family: var(--mdc-snackbar-supporting-text-font);
  font-weight: var(--mdc-snackbar-supporting-text-weight);
  line-height: var(--mdc-snackbar-supporting-text-line-height);
}

.mat-mdc-snack-bar-container
  .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) {
  color: var(--mat-snack-bar-button-color);
  --mat-mdc-button-persistent-ripple-color: currentColor;
}

.mat-mdc-snack-bar-container
  .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled)
  .mat-ripple-element {
  background-color: currentColor;
  opacity: 0.1;
}

.mat-mdc-snack-bar-container .mdc-snackbar__label::before {
  display: none;
}

.mat-mdc-snack-bar-handset,
.mat-mdc-snack-bar-container,
.mat-mdc-snack-bar-label {
  flex: 1 1 auto;
}

.mat-mdc-snack-bar-handset .mdc-snackbar__surface {
  width: 100%;
}

.mat-mdc-simple-snack-bar {
  display: flex;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}

@media all {
  .mat-ripple {
    overflow: hidden;
    position: relative;
  }
  .mat-ripple:not(:empty) {
    transform: translateZ(0);
  }
  .cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0;
  }
  .cdk-overlay-container,
  .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  .cdk-overlay-container:empty {
    display: none;
  }
  .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
  }
  .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
  }
  .cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
  }
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
  }
  .cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
  }
  .mat-focus-indicator {
    position: relative;
  }
  .mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px)
      var(--mat-focus-indicator-border-style, solid)
      var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px);
  }
  .mat-focus-indicator:focus:before {
    content: "";
  }
  .mat-mdc-focus-indicator {
    position: relative;
  }
  .mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px)
      var(--mat-mdc-focus-indicator-border-style, solid)
      var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
  }
  .mat-mdc-focus-indicator:focus:before {
    content: "";
  }
  h2,
  h3 {
    font-weight: unset;
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  p {
    color: var(--grey-900);
  }
  button .mat-mdc-button-touch-target {
    width: 100%;
    height: 100% !important;
  }
  .market-dialog .mat-mdc-dialog-container {
    max-width: 600px;
    margin: auto;
  }
  .market-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: 10px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-header {
    position: relative;
    padding: 10px 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-header h2 {
    font-size: 14px;
    margin: 0;
    text-align: center;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-header .modal-close-btn {
    min-width: auto;
    width: 25px;
    max-height: 25px;
    background: var(--primary-bg) !important;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-header .modal-close-btn mat-icon {
    color: var(--primary-color-contrast);
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-body {
    padding: 10px;
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.mdc-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0);
}
.mdc-button:active {
  outline: none;
}
.mdc-button:hover {
  cursor: pointer;
}
.mdc-button:disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-button .mdc-button__label {
  position: relative;
}
.mdc-button {
  padding: 0 8px 0 8px;
}
.mat-mdc-button {
  height: var(--mdc-text-button-container-height, 36px);
  border-radius: var(
    --mdc-text-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}
.mat-mdc-button:not(:disabled) {
  color: var(--mdc-text-button-label-text-color, inherit);
}
.mat-mdc-button:disabled {
  color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}
.mat-mdc-button .mdc-button__ripple {
  border-radius: var(
    --mdc-text-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}
.mat-mdc-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.mat-mdc-button .mat-mdc-button-ripple {
  overflow: hidden;
}
.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  content: "";
  opacity: 0;
  background-color: var(--mat-mdc-button-persistent-ripple-color);
}
.mat-mdc-button .mdc-button__label {
  z-index: 1;
}
.mat-mdc-button .mat-mdc-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.mat-mdc-button:focus .mat-mdc-focus-indicator::before {
  content: "";
}
.mat-mdc-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.mat-mdc-button > .mat-icon {
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1.125rem;
  height: 1.125rem;
  width: 1.125rem;
}

.mat-expansion-panel {
  --mat-expansion-container-shape: 4px;
  box-sizing: content-box;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--mat-expansion-container-background-color);
  color: var(--mat-expansion-container-text-color);
  border-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 0;
}
.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape);
}
.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  font-family: var(--mat-expansion-container-text-font);
  font-size: var(--mat-expansion-container-text-size);
  font-weight: var(--mat-expansion-container-text-weight);
  line-height: var(--mat-expansion-container-text-line-height);
  letter-spacing: var(--mat-expansion-container-text-tracking);
}
.mat-expansion-panel-content[style*="visibility: hidden"] * {
  visibility: hidden !important;
}
.mat-expansion-panel-body {
  padding: 0 24px 16px;
}
.mat-expansion-panel-spacing {
  margin: 16px 0;
}
.mat-accordion > .mat-expansion-panel-spacing:first-child {
  margin-top: 0;
}
.mat-accordion > .mat-expansion-panel-spacing:last-child {
  margin-bottom: 0;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--mat-expansion-header-collapsed-state-height);
  font-family: var(--mat-expansion-header-text-font);
  font-size: var(--mat-expansion-header-text-size);
  font-weight: var(--mat-expansion-header-text-weight);
  line-height: var(--mat-expansion-header-text-line-height);
  letter-spacing: var(--mat-expansion-header-text-tracking);
}
.mat-expansion-panel-header.mat-expanded {
  height: var(--mat-expansion-header-expanded-state-height);
}
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  cursor: pointer;
}
.mat-expansion-panel:not(.mat-expanded)
  .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
  background: var(--mat-expansion-header-hover-state-layer-color);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded)
    .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
    background: var(--mat-expansion-container-background-color);
  }
}
.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  outline: none;
}
.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
  background: inherit;
}
.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
.mat-content.mat-content-hide-toggle {
  margin-right: 8px;
}
.mat-expansion-panel-header-title {
  color: var(--mat-expansion-header-text-color);
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 16px;
  align-items: center;
}
.mat-expansion-panel-header-description {
  flex-grow: 2;
  color: var(--mat-expansion-header-description-color);
}

.mdc-dialog {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.mdc-dialog {
  display: none;
  z-index: var(--mdc-dialog-z-index, 7);
}
.mdc-dialog .mdc-dialog__surface {
  min-width: 280px;
}
@media (max-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: calc(100vw - 32px);
  }
}
@media (min-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: 560px;
  }
}
.mdc-dialog .mdc-dialog__surface {
  max-height: calc(100% - 32px);
}
.mdc-dialog__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}
.mdc-dialog__surface {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  overflow-y: auto;
  outline: 0;
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-dialog__surface {
    outline: 2px solid windowText;
  }
}
.mdc-dialog__surface::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
@media screen and (forced-colors: active) {
  .mdc-dialog__surface::before {
    border-color: CanvasText;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .mdc-dialog__surface::before {
    content: none;
  }
}
.mdc-dialog--open {
  display: flex;
}
.mdc-dialog--open .mdc-dialog__container {
  transform: none;
  opacity: 1;
}
.mat-mdc-dialog-container {
  position: static;
  display: block;
}
.mat-mdc-dialog-container,
.mat-mdc-dialog-container .mdc-dialog__container,
.mat-mdc-dialog-container .mdc-dialog__surface {
  max-height: inherit;
  min-height: inherit;
  min-width: inherit;
  max-width: inherit;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  display: block;
  width: 100%;
  height: 100%;
}
.mat-mdc-dialog-container {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mdc-dialog-container-elevation: var(
    --mdc-dialog-container-elevation-shadow
  );
  outline: 0;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--mdc-dialog-container-color, white);
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  box-shadow: var(
    --mdc-dialog-container-elevation,
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12)
  );
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: var(--mdc-dialog-container-shape, 4px);
}
.mat-mdc-dialog-container .mdc-dialog__container {
  transition-duration: var(--mat-dialog-transition-duration, 0ms);
}

.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel[_ngcontent-ng-c2482505616] {
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: none;
  max-width: calc(100% - 10px);
  margin: 8px auto 0;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel.mat-expanded[_ngcontent-ng-c2482505616] {
  background-color: var(--white-color);
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-body {
  padding: 0;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616] {
  padding: 5px 10px;
  min-height: 40px;
  height: auto;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616]
  .mat-content.mat-content-hide-toggle {
  margin-right: 0;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header.mat-expanded[_ngcontent-ng-c2482505616] {
  min-height: 40px;
  height: auto;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header-title[_ngcontent-ng-c2482505616] {
  flex-direction: column;
  font-size: 10px;
  justify-content: center;
  align-items: flex-start;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header-title[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616] {
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  line-height: normal;
  font-family: open_semiBold;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header-title[_ngcontent-ng-c2482505616]
  p[_ngcontent-ng-c2482505616] {
  margin: 3px 0 0;
  line-height: normal;
}
.bet-history-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header-description[_ngcontent-ng-c2482505616] {
  justify-content: flex-end;
  margin: auto;
  flex-grow: 0;
}
.child-accordion[_ngcontent-ng-c2482505616] {
  padding: 5px 0 10px;
  margin-top: 5px;
}
.child-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel[_ngcontent-ng-c2482505616] {
  background-color: var(--white-color) !important;
  border-radius: 10px;
}
.child-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel.mat-expanded[_ngcontent-ng-c2482505616] {
  background-color: var(--white-color) !important;
}
.child-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header[_ngcontent-ng-c2482505616] {
  padding: 5px 10px;
  height: 40px;
}
.child-accordion[_ngcontent-ng-c2482505616]
  .mat-expansion-panel[_ngcontent-ng-c2482505616]
  .mat-expansion-panel-header.mat-expanded[_ngcontent-ng-c2482505616] {
  height: 40px;
}
.allbet-datawrap[_ngcontent-ng-c2482505616] {
  max-height: calc(var(--vh, 1vh) * 80 - 185px);
  overflow-y: auto;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616],
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-header[_ngcontent-ng-c2482505616] {
  display: grid;
  align-items: center;
  grid-template-columns: 4fr 5fr;
  column-gap: 4px;
  min-height: 25px;
  padding: 3px 0;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616],
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-header[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616] {
  text-transform: capitalize;
  line-height: normal;
  font-size: 10px;
  font-weight: 500;
  margin: 0;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616]
  p[_ngcontent-ng-c2482505616] {
  font-size: 10px;
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616]
  .allbet-gameinfo[_ngcontent-ng-c2482505616] {
  padding: 0 5px 0 10px;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616]
  .allbet-gameinfo[_ngcontent-ng-c2482505616]
  .allbet-content[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616] {
  line-height: 1;
  margin-bottom: 2px;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616] {
  border-bottom: 1px solid var(--white-color);
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist[_ngcontent-ng-c2482505616]:last-child {
  border-bottom: 0;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist.forlay[_ngcontent-ng-c2482505616] {
  background-color: var(--lay-color);
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-datalist.forback[_ngcontent-ng-c2482505616] {
  background-color: var(--back-color);
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-odds-stake-wrap[_ngcontent-ng-c2482505616],
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-headcol[_ngcontent-ng-c2482505616] {
  display: grid;
  grid-template-columns: 60px repeat(3, 1fr);
  column-gap: 3px;
  align-items: center;
  justify-content: center;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-odds-stake-wrap[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616],
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-headcol[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616] {
  text-align: center;
  font-weight: 600;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-header[_ngcontent-ng-c2482505616] {
  background-color: var(--grey-100);
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-title[_ngcontent-ng-c2482505616] {
  padding: 0 5px 0 10px;
}
.allbet-datawrap[_ngcontent-ng-c2482505616]
  .allbet-title[_ngcontent-ng-c2482505616]
  h3[_ngcontent-ng-c2482505616] {
  font-weight: 600;
}
.modal-header[_ngcontent-ng-c2482505616] {
  display: none;
}
.market-dialog .mat-mdc-dialog-container.mdc-dialog .modal-body {
  padding: 5px;
}
.market-dialog .modal-header {
  background-color: var(--white-color);
  position: sticky !important;
  top: 0;
  z-index: 10;
  display: flex !important;
}
.market-dialog .bet-history-accordion .mat-expansion-panel {
  background-color: var(--grey-00) !important;
}
.market-dialog .bet-history-accordion .mat-expansion-panel.mat-expanded {
  background-color: var(--grey-00) !important;
}

ion-content,
ion-icon,
ion-refresher,
ion-refresher-content,
ion-spinner {
  visibility: hidden;
}
.hydrated {
  visibility: inherit;
}

ion-refresher {
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  width: 100%;
  height: 60px;
  z-index: -1;
}
ion-refresher-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%;
}
.refresher-pulling-icon,
.refresher-refreshing-icon {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 30px;
  text-align: center;
}
.refresher-md .refresher-pulling-icon,
.refresher-md .refresher-refreshing-icon {
  color: var(--ion-text-color, #000);
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}

@media all {
  .mat-ripple {
    overflow: hidden;
    position: relative;
  }
  .mat-ripple:not(:empty) {
    transform: translateZ(0);
  }
  .mat-focus-indicator {
    position: relative;
  }
  .mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px)
      var(--mat-focus-indicator-border-style, solid)
      var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px);
  }
  .mat-focus-indicator:focus:before {
    content: "";
  }
  .mat-mdc-focus-indicator {
    position: relative;
  }
  .mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px)
      var(--mat-mdc-focus-indicator-border-style, solid)
      var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
  }
  .mat-mdc-focus-indicator:focus:before {
    content: "";
  }
  h3 {
    font-weight: unset;
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  ion-content {
    --background: transparent;
    min-height: calc(var(--vh, 1vh) * 100 - 90px);
  }
  ion-content ion-refresher {
    z-index: 1;
    background-color: transparent;
  }
  ion-content ion-refresher .refresher-pulling-icon ion-icon {
    color: var(--primary-color);
  }
  ion-content ion-refresher .refresher-refreshing-icon ion-spinner {
    color: var(--primary-color);
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  p {
    color: var(--grey-900);
  }
  mat-form-field {
    width: 100%;
  }

  .mat-tab-header {
    background-color: var(--primary-bg);
  }
  .mat-tab-header .mat-mdc-tab-header-pagination-chevron {
    border-color: var(--primary-color-contrast);
  }
  .mat-tab-header
    .mat-mdc-tab-label-container
    .mat-mdc-tab.mdc-tab--active:hover
    .mdc-tab-indicator__content--underline,
  .mat-tab-header
    .mat-mdc-tab-label-container
    .mat-mdc-tab.mdc-tab--active:focus
    .mdc-tab-indicator__content--underline {
    border-color: var(--highlight-color);
  }
  .mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
    height: 40px;
    font-size: 10px;
    font-family: open_semibold;
    color: var(--secondary-color);
    text-transform: uppercase;
  }
  .mat-tab-header
    .mat-mdc-tab-label-container
    .mat-mdc-tab.mdc-tab-indicator--active
    .mdc-tab-indicator__content--underline {
    opacity: 0.85;
  }
  .mat-tab-header
    .mat-mdc-tab-label-container
    .mat-mdc-tab
    .mdc-tab-indicator__content--underline {
    max-width: 60%;
    border-radius: 6px 6px 0 0;
    border-color: var(--highlight-color);
    border-width: 3px;
  }
  .mat-mdc-tab-body-wrapper {
    padding: 10px;
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476],
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476] {
  height: 100%;
}
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476]
  .mat-tab-header {
  background-color: var(--primary-color-shade);
  position: sticky;
  top: 44px;
  z-index: 1000;
}
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476]
  .mat-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab {
  width: 25%;
  min-width: auto;
  padding: 0;
}
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476]
  .mat-mdc-tab-body-wrapper {
  padding: 0;
  height: 100%;
}
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476]
  .mat-mdc-tab-body-wrapper
  .mat-mdc-tab-body-content {
  overflow: hidden;
}

.mdc-tab {
  min-width: 90px;
  padding-right: 24px;
  padding-left: 24px;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  outline: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}
.mdc-tab__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none;
}
.mdc-tab__text-label {
  transition: 150ms color linear;
  display: inline-block;
  line-height: 1;
  z-index: 2;
}
.mdc-tab--active .mdc-tab__text-label {
  transition-delay: 100ms;
}
.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.mdc-tab-indicator__content {
  transform-origin: left;
  opacity: 0;
}
.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
}
.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1;
}
.mdc-tab-indicator .mdc-tab-indicator__content {
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-mdc-tab-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.mat-mdc-tab {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  background: none;
  font-family: var(--mat-tab-header-label-text-font);
  font-size: var(--mat-tab-header-label-text-size);
  letter-spacing: var(--mat-tab-header-label-text-tracking);
  line-height: var(--mat-tab-header-label-text-line-height);
  font-weight: var(--mat-tab-header-label-text-weight);
}
.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--mdc-tab-indicator-active-indicator-color);
}
.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-top-width: var(--mdc-tab-indicator-active-indicator-height);
}
.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-radius: var(--mdc-tab-indicator-active-indicator-shape);
}
.mat-mdc-tab:not(.mdc-tab--stacked) {
  height: var(--mdc-secondary-navigation-tab-container-height);
}
.mat-mdc-tab.mdc-tab {
  flex-grow: 0;
}
.mat-mdc-tab:hover .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-hover-label-text-color);
}
.mat-mdc-tab:focus .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-focus-label-text-color);
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--mat-tab-header-active-label-text-color);
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before {
  background-color: var(--mat-tab-header-active-ripple-color);
}
.mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
  color: var(--mat-tab-header-active-hover-label-text-color);
}
.mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
  border-color: var(--mat-tab-header-active-hover-indicator-color);
}
.mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: var(--mat-tab-header-active-focus-label-text-color);
}
.mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: var(--mat-tab-header-active-focus-indicator-color);
}
.mat-mdc-tab .mdc-tab__ripple::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background-color: var(--mat-tab-header-inactive-ripple-color);
}
.mat-mdc-tab .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-label-text-color);
  display: inline-flex;
  align-items: center;
}
.mat-mdc-tab .mdc-tab__content {
  position: relative;
  pointer-events: auto;
}
.mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0.04;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs
  > .mat-mdc-tab-header
  .mat-mdc-tab {
  flex-grow: 1;
}
.mat-mdc-tab-group {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.mat-mdc-tab-body-wrapper {
  position: relative;
  /* overflow: hidden; */
  /* display: flex; */
  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984] {
  padding: 0 0 60px;
  color: var(--text-color);
  min-height: calc(var(--vh, 1vh) * 100 - 170px);
  position: relative;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984] {
  padding: 0;
  border-radius: 6px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  font-weight: 500;
  font-size: 10px;
  margin: 0;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .odds-stake-wrap[_ngcontent-ng-c773751984] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  align-items: center;
  font-weight: 500;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .odds-stake-wrap[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  text-align: center;
  font-weight: 500;
  font-size: 10px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-title[_ngcontent-ng-c773751984] {
  background-color: var(--grey-100);
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 10px;
  padding: 5px 10px;
  margin: 10px auto auto;
  max-width: calc(100% - 10px);
  border-radius: 6px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-title[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  color: var(--text-color);
  font-weight: 400;
  font-size: 10px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984] {
  max-height: calc(var(--vh, 1vh) * 100 - 250px);
  overflow-y: auto;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984] {
  border-bottom: 1px solid var(--grey-00);
  display: grid;
  grid-template-columns: 4fr 2fr;
  column-gap: 10px;
  padding: 5px 10px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist.forlay[_ngcontent-ng-c773751984] {
  background-color: var(--lay-color);
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist.forback[_ngcontent-ng-c773751984] {
  background-color: var(--back-color);
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]:first-child {
  border-radius: 8px 8px 0 0;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]:last-child {
  border-radius: 0 0 8px 8px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984] {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  .game-type[_ngcontent-ng-c773751984] {
  align-self: center;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  .game-type[_ngcontent-ng-c773751984]
  p[_ngcontent-ng-c773751984] {
  opacity: 0.8;
  font-size: 0.75rem;
  background-color: #ebebeb;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  .bs-content[_ngcontent-ng-c773751984]
  p.game-title[_ngcontent-ng-c773751984] {
  margin: 0;
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
  align-items: center;
  column-gap: 2px;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  .bs-content[_ngcontent-ng-c773751984]
  p.game-title[_ngcontent-ng-c773751984]
  span[_ngcontent-ng-c773751984] {
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  .bs-content[_ngcontent-ng-c773751984]
  p.game-title[_ngcontent-ng-c773751984]
  span[_ngcontent-ng-c773751984]:nth-child(2) {
  max-width: unset;
  text-overflow: unset;
  min-width: 15px;
  text-align: center;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  text-transform: capitalize;
  line-height: normal;
  font-size: 10px;
  font-weight: 500;
}
.bet-statement[_ngcontent-ng-c773751984]
  .betslip-card[_ngcontent-ng-c773751984]
  .betslip-data-wrap[_ngcontent-ng-c773751984]
  .betslip-databody[_ngcontent-ng-c773751984]
  .betslip-datalist[_ngcontent-ng-c773751984]
  .bs-gameinfo[_ngcontent-ng-c773751984]
  p[_ngcontent-ng-c773751984] {
  font-size: 10px;
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}
.top-filter[_ngcontent-ng-c773751984] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  min-height: 35px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.top-filter[_ngcontent-ng-c773751984] h3[_ngcontent-ng-c773751984] {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
}
.top-filter[_ngcontent-ng-c773751984] .filter-col[_ngcontent-ng-c773751984] {
  max-width: 180px;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984] {
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: none;
  max-width: calc(100% - 10px);
  margin: 8px auto 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel.mat-expanded[_ngcontent-ng-c773751984] {
  background-color: var(--white-color);
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984]
  .mat-expansion-panel-body {
  padding: 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984] {
  padding: 5px 10px;
  min-height: 40px;
  height: auto;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-content.mat-content-hide-toggle {
  margin-right: 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header.mat-expanded[_ngcontent-ng-c773751984] {
  min-height: 40px;
  height: auto;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984] {
  flex-direction: column;
  font-size: 10px;
  justify-content: center;
  align-items: flex-start;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  line-height: normal;
  font-family: open_semiBold;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-description[_ngcontent-ng-c773751984] {
  justify-content: flex-end;
  margin: auto;
  flex-grow: 0;
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header {
  position: sticky;
  top: 0 !important;
  z-index: 100;
  background-color: var(--grey-00) !important;
  color: var(--black-color);
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab {
  width: 50%;
  justify-content: space-around;
  column-gap: 2px;
  background-color: var(--grey-100);
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab
  .mdc-tab__ripple {
  display: none;
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab
  .mdc-tab__text-label {
  text-transform: capitalize;
  min-width: auto;
  padding: 0 15px;
  color: var(--grey-200);
  opacity: 1;
  font-family: open_semiBold;
  font-size: 10px;
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab
  .mdc-tab-indicator__content--underline {
  max-width: 100%;
  border-radius: 0;
  border-color: var(--primary-color);
  border-width: 2px;
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab.mdc-tab--active {
  background-color: var(--grey-50);
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab.mdc-tab--active
  .mdc-tab__text-label {
  color: var(--primary-color);
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  .mat-mdc-tab-body-wrapper
  .mat-mdc-tab-body-content {
  height: calc(100% - 50px);
  padding-bottom: 70px;
}
mat-form-field {
  max-width: 180px;
  font-size: 10px;
}
mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0 5px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  font-size: 10px;
}
mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align:before {
  height: auto;
}

mat-form-field {
  max-width: 180px;
  font-size: 10px;
}
mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0 5px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  font-size: 10px;
}
mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align:before {
  height: auto;
}

mat-form-field {
  max-width: 180px;
  font-size: 10px;
}
mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0 5px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  font-size: 10px;
}
mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align:before {
  height: auto;
}

.mat-mdc-tab-header {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mdc-tab-indicator .mdc-tab-indicator__content {
  transition-duration: var(--mat-tab-animation-duration, 250ms);
}
.mat-mdc-tab-header-pagination {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: none;
  box-sizing: content-box;
  background: none;
  border: none;
  outline: 0;
  padding: 0;
}
.mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
  display: flex;
}
.mat-mdc-tab-header-pagination-before {
  padding-left: 4px;
}
.mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron {
  transform: rotate(-135deg);
}
.mat-mdc-tab-header-pagination-after {
  padding-right: 4px;
}
.mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
  transform: rotate(45deg);
}
.mat-mdc-tab-header-pagination-chevron {
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
  border-color: var(--mat-tab-header-pagination-icon-color);
}
.mat-mdc-tab-header-pagination-disabled {
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  opacity: 0.4;
}
.mat-mdc-tab-list {
  flex-grow: 1;
  position: relative;
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.mat-mdc-tab-label-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
}
.mat-mdc-tab-labels {
  display: flex;
  flex: 1 0 auto;
}
.mat-mdc-tab::before {
  margin: 5px;
}

.mdc-text-field {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
}
.mdc-text-field--filled {
  height: 56px;
}
.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}
.mdc-line-ripple::before,
.mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  z-index: 1;
}
.mdc-line-ripple::after {
  transform: scaleX(0);
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple--deactivating::after {
  opacity: 0;
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
}
.mdc-line-ripple::after {
  border-bottom-width: 2px;
}
.mdc-text-field--filled {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  border-top-left-radius: var(--mdc-filled-text-field-container-shape);
  border-top-right-radius: var(--mdc-filled-text-field-container-shape);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--mdc-filled-text-field-container-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled)
  .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-hover-active-indicator-color
  );
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(
    --mdc-filled-text-field-focus-active-indicator-color
  );
}
.mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: var(--mdc-filled-text-field-active-indicator-height);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-width: var(
    --mdc-filled-text-field-focus-active-indicator-height
  );
}
.mat-mdc-text-field-wrapper {
  height: auto;
  flex: auto;
}
.mat-mdc-text-field-wrapper::before {
  content: none;
}
.mat-mdc-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.mat-mdc-form-field-hint-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.mat-mdc-form-field-bottom-align::before {
  content: "";
  display: inline-block;
  height: 16px;
}
.mat-mdc-form-field-hint-wrapper {
  display: flex;
}
.mat-mdc-form-field-hint-spacer {
  flex: 1 0 1em;
}
.mat-mdc-form-field-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.75;
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-container-text-font);
  line-height: var(--mat-form-field-container-text-line-height);
  font-size: var(--mat-form-field-container-text-size);
  letter-spacing: var(--mat-form-field-container-text-tracking);
  font-weight: var(--mat-form-field-container-text-weight);
}
.mat-mdc-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-text-field-wrapper {
  width: 100%;
}
.mat-mdc-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
}
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-select {
  display: inline-block;
  width: 100%;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--mat-select-enabled-trigger-text-color);
  font-family: var(--mat-select-trigger-text-font);
  line-height: var(--mat-select-trigger-text-line-height);
  font-size: var(--mat-select-trigger-text-size);
  font-weight: var(--mat-select-trigger-text-weight);
  letter-spacing: var(--mat-select-trigger-text-tracking);
}
.mat-mdc-select-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-select-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-select-arrow-wrapper {
  height: 24px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-8px);
}
.mat-form-field-appearance-fill
  .mdc-text-field--no-label
  .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.mat-mdc-select-arrow {
  width: 10px;
  height: 5px;
  position: relative;
  color: var(--mat-select-enabled-arrow-color);
}
.mat-mdc-select-arrow svg {
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mat-mdc-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  color: var(--mat-select-placeholder-text-color);
}
.mat-mdc-select-min-line:empty::before {
  content: " ";
  white-space: pre;
  width: 1px;
  display: inline-block;
  visibility: hidden;
}

.mat-mdc-tab-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  outline: 0;
  flex-basis: 100%;
}
.mat-mdc-tab-body.mat-mdc-tab-body-active {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  flex-grow: 1;
}
.mat-mdc-tab-body-content {
  height: 100%;
  overflow: auto;
}
.mat-mdc-tab-body-content[style*="visibility: hidden"] {
  display: none;
}

.mat-expansion-panel {
  --mat-expansion-container-shape: 4px;
  box-sizing: content-box;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--mat-expansion-container-background-color);
  color: var(--mat-expansion-container-text-color);
  border-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape);
}
.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  font-family: var(--mat-expansion-container-text-font);
  font-size: var(--mat-expansion-container-text-size);
  font-weight: var(--mat-expansion-container-text-weight);
  line-height: var(--mat-expansion-container-text-line-height);
  letter-spacing: var(--mat-expansion-container-text-tracking);
}
.mat-expansion-panel-body {
  padding: 0 24px 16px;
}
.mat-expansion-panel-spacing {
  margin: 16px 0;
}
.mat-accordion > .mat-expansion-panel-spacing:first-child {
  margin-top: 0;
}
.mat-accordion > .mat-expansion-panel-spacing:last-child {
  margin-bottom: 0;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--mat-expansion-header-collapsed-state-height);
  font-family: var(--mat-expansion-header-text-font);
  font-size: var(--mat-expansion-header-text-size);
  font-weight: var(--mat-expansion-header-text-weight);
  line-height: var(--mat-expansion-header-text-line-height);
  letter-spacing: var(--mat-expansion-header-text-tracking);
}
.mat-expansion-panel-header.mat-expanded {
  height: var(--mat-expansion-header-expanded-state-height);
}
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  cursor: pointer;
}
.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  outline: none;
}
.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
  background: inherit;
}
.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
.mat-content.mat-content-hide-toggle {
  margin-right: 8px;
}
.mat-expansion-panel-header-title {
  color: var(--mat-expansion-header-text-color);
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 16px;
  align-items: center;
}
.mat-expansion-panel-header-description {
  flex-grow: 2;
  color: var(--mat-expansion-header-description-color);
}

mat-form-field {
  max-width: 180px;
  font-size: 12px;
}
mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0 5px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  font-size: 12px;
}
mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align {
  display: none;
}
mat-form-field .mat-mdc-form-field-bottom-align:before {
  height: auto;
}

.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab {
  width: 33.3333333333%;
  position: relative;
}
.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  right: 0;
  z-index: 1;
  background-color: var(--white-color);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab:last-child {
  border: none;
}
.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab-labels
  .mat-mdc-tab:last-child:after {
  display: none;
}

.market-dialog div.no-data {
  min-height: calc(var(--vh, 1vh) * 50 - 60px);
}

.market-dialog .no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 50);
}

.no-data[_ngcontent-ng-c3799324686] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 100 - 170px);
}

.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 100 - 180px);
}

.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab.mdc-tab--active {
  background-color: var(--grey-50);
}

.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  mat-tab-header.mat-mdc-tab-header
  .mat-mdc-tab-label-container
  .mat-mdc-tab {
  width: 50%;
  justify-content: space-around;
  column-gap: 2px;
  background-color: var(--grey-100);
}

.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476],
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476] {
  height: 100%;
}

ion-content,
ion-icon,
ion-infinite-scroll,
ion-infinite-scroll-content,
ion-refresher,
ion-refresher-content,
ion-spinner {
  visibility: hidden;
}
.hydrated {
  visibility: inherit;
}

ion-infinite-scroll-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 84px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.infinite-loading {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 32px;
  display: none;
  width: 100%;
}

ion-infinite-scroll {
  display: none;
  width: 100%;
}
.infinite-scroll-enabled {
  display: block;
}

ion-refresher {
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  width: 100%;
  height: 60px;
  z-index: -1;
}
ion-refresher-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.refresher-pulling,
.refresher-refreshing {
  display: none;
  width: 100%;
}
.refresher-pulling-icon,
.refresher-refreshing-icon {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 30px;
  text-align: center;
}
.refresher-md .refresher-pulling-icon,
.refresher-md .refresher-refreshing-icon {
  color: var(--ion-text-color, #000);
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}

@media all {
  h2 {
    font-weight: unset;
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  ion-content {
    --background: transparent;
    min-height: calc(var(--vh, 1vh) * 100 - 90px);
  }
  ion-content ion-refresher {
    z-index: 1;
    background-color: transparent;
  }
  ion-content ion-refresher .refresher-pulling-icon ion-icon {
    color: var(--primary-color);
  }
  ion-content ion-refresher .refresher-refreshing-icon ion-spinner {
    color: var(--primary-color);
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  p {
    color: var(--grey-900);
  }
  .Approved {
    color: var(--green-color) !important;
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.transactions-wrap[_ngcontent-ng-c2945624842] {
  padding: 10px;
  overflow-y: auto;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .title[_ngcontent-ng-c2945624842]
  h2[_ngcontent-ng-c2945624842] {
  margin: 5px 0;
  padding: 0 5px;
  font-size: 12px;
  font-family: open_semiBold;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842] {
  background-color: var(--white-color);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 8px;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .wrapper[_ngcontent-ng-c2945624842] {
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .wrapper[_ngcontent-ng-c2945624842]
  mat-icon[_ngcontent-ng-c2945624842] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842] {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842]
  li[_ngcontent-ng-c2945624842] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842]
  li[_ngcontent-ng-c2945624842]
  p[_ngcontent-ng-c2945624842] {
  margin: 0;
  font-size: 10px;
  font-family: open_semiBold;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842]
  li[_ngcontent-ng-c2945624842]
  p[_ngcontent-ng-c2945624842]
  span[_ngcontent-ng-c2945624842] {
  font-size: 10px;
  font-family: open_regular;
  opacity: 0.7;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842]
  li[_ngcontent-ng-c2945624842]
  p.txn-type[_ngcontent-ng-c2945624842] {
  align-items: flex-start;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842]
  li[_ngcontent-ng-c2945624842]
  p.amount[_ngcontent-ng-c2945624842] {
  align-items: flex-end;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  ul[_ngcontent-ng-c2945624842]
  li[_ngcontent-ng-c2945624842]
  p.amount[_ngcontent-ng-c2945624842]
  span[_ngcontent-ng-c2945624842] {
  opacity: 1;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842] {
  background-color: var(--grey-50);
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-detail-header[_ngcontent-ng-c2945624842] {
  padding-bottom: 5px;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-detail-header[_ngcontent-ng-c2945624842]
  p[_ngcontent-ng-c2945624842] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 4px;
  font-size: 10px;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-detail-header[_ngcontent-ng-c2945624842]
  p[_ngcontent-ng-c2945624842]
  span[_ngcontent-ng-c2945624842] {
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-detail-body[_ngcontent-ng-c2945624842] {
  border-top: 1px solid var(--grey-100);
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px solid var(--grey-100);
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842]:last-child {
  border-bottom: 0;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842]
  .img-wrap[_ngcontent-ng-c2945624842] {
  width: 45px;
  height: 45px;
  max-width: 45px;
  position: relative;
  border-radius: 4px;
  cursor: zoom-in;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842]
  .img-wrap[_ngcontent-ng-c2945624842]
  img[_ngcontent-ng-c2945624842] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842]
  .img-wrap.Approved[_ngcontent-ng-c2945624842] {
  border: 1px solid var(--green-color);
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842]
  .status[_ngcontent-ng-c2945624842] {
  display: flex;
  flex-direction: column;
  margin: 0;
  align-items: flex-end;
  font-size: 10px;
  max-width: calc(100% - 50px);
}
.transactions-wrap[_ngcontent-ng-c2945624842]
  .transaction-item[_ngcontent-ng-c2945624842]
  .txn-detail[_ngcontent-ng-c2945624842]
  .txn-screenshot[_ngcontent-ng-c2945624842]
  .status[_ngcontent-ng-c2945624842]
  span[_ngcontent-ng-c2945624842] {
  text-align: right;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.img-preview-modal[_ngcontent-ng-c3542444880] {
  height: 100%;
}
.img-preview-modal[_ngcontent-ng-c3542444880]
  .modal-body[_ngcontent-ng-c3542444880] {
  height: calc(100% - 60px);
}
.img-wrap[_ngcontent-ng-c3542444880] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}

@media all {
  .mat-focus-indicator {
    position: relative;
  }
  .mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px)
      var(--mat-focus-indicator-border-style, solid)
      var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px);
  }
  .mat-focus-indicator:focus:before {
    content: "";
  }
  h3 {
    font-weight: unset;
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  p {
    color: var(--grey-900);
  }
  .mat-mdc-tab-body-wrapper {
    padding: 10px;
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.mat-mdc-tab-body-wrapper {
  position: relative;
  /* overflow: hidden; */
  /* display: flex; */
  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.mat-mdc-tab-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  outline: 0;
  flex-basis: 100%;
}
.mat-mdc-tab-body.mat-mdc-tab-body-active {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  flex-grow: 1;
}
.mat-mdc-tab-body-content {
  height: 100%;
  overflow: auto;
}
.mat-mdc-tab-body-content[style*="visibility: hidden"] {
  display: none;
}

.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476]
  .mat-mdc-tab-body-wrapper {
  padding: 0;
  height: 100%;
}
.page-body[_ngcontent-ng-c3622565476]
  .passbook-page-wrap[_ngcontent-ng-c3622565476]
  .passbook-tabs-group[_ngcontent-ng-c3622565476]
  .mat-mdc-tab-body-wrapper
  .mat-mdc-tab-body-content {
  overflow: hidden;
}

.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984] {
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: none;
  max-width: calc(100% - 10px);
  margin: 8px auto 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel.mat-expanded[_ngcontent-ng-c773751984] {
  background-color: var(--white-color);
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984]
  .mat-expansion-panel-body {
  padding: 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984] {
  padding: 5px 10px;
  min-height: 40px;
  height: auto;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-content.mat-content-hide-toggle {
  margin-right: 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header.mat-expanded[_ngcontent-ng-c773751984] {
  min-height: 40px;
  height: auto;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984] {
  flex-direction: column;
  font-size: 10px;
  justify-content: center;
  align-items: flex-start;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  line-height: normal;
  font-family: open_semiBold;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984]
  p[_ngcontent-ng-c773751984] {
  margin: 3px 0 0;
  line-height: normal;
  opacity: 0.7;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984]
  p.win-team[_ngcontent-ng-c773751984] {
  margin: 0;
  line-height: normal;
  font-size: 10px;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-title[_ngcontent-ng-c773751984]
  p.win-team[_ngcontent-ng-c773751984]
  span[_ngcontent-ng-c773751984] {
  padding-left: 4px;
  font-weight: 500;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-description[_ngcontent-ng-c773751984] {
  justify-content: flex-end;
  margin: auto;
  flex-grow: 0;
}
.bet-history-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header-description[_ngcontent-ng-c773751984]
  span[_ngcontent-ng-c773751984] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
}
.cricket-bets-wrap[_ngcontent-ng-c773751984]
  .betstatement-tabs[_ngcontent-ng-c773751984]
  .mat-mdc-tab-body-wrapper
  .mat-mdc-tab-body-content {
  height: calc(100% - 50px);
  padding-bottom: 70px;
}
.child-accordion[_ngcontent-ng-c773751984] {
  padding: 5px 0 15px;
  margin-top: 5px;
}
.child-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984] {
  background-color: var(--grey-50);
  border-radius: 10px;
}
.child-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel.mat-expanded[_ngcontent-ng-c773751984] {
  background-color: var(--grey-50);
}
.child-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header[_ngcontent-ng-c773751984] {
  padding: 5px 10px;
  height: 40px;
}
.child-accordion[_ngcontent-ng-c773751984]
  .mat-expansion-panel[_ngcontent-ng-c773751984]
  .mat-expansion-panel-header.mat-expanded[_ngcontent-ng-c773751984] {
  height: 40px;
}
.allbet-datawrap[_ngcontent-ng-c773751984] {
  max-height: calc(var(--vh, 1vh) * 100 - 250px);
  overflow-y: auto;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984],
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-header[_ngcontent-ng-c773751984] {
  display: grid;
  align-items: center;
  grid-template-columns: 4fr 5fr;
  column-gap: 4px;
  min-height: 25px;
  padding: 3px 0;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984],
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-header[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  text-transform: capitalize;
  line-height: normal;
  font-size: 10px;
  font-weight: 500;
  margin: 0;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984]
  p[_ngcontent-ng-c773751984] {
  font-size: 10px;
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984]
  .allbet-gameinfo[_ngcontent-ng-c773751984] {
  padding: 0 5px 0 10px;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984]
  .allbet-gameinfo[_ngcontent-ng-c773751984]
  .allbet-content[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  line-height: 1;
  margin-bottom: 2px;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984] {
  border-bottom: 1px solid var(--white-color);
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist[_ngcontent-ng-c773751984]:last-child {
  border-bottom: 0;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist.forlay[_ngcontent-ng-c773751984] {
  background-color: var(--lay-color);
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-datalist.forback[_ngcontent-ng-c773751984] {
  background-color: var(--back-color);
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-odds-stake-wrap[_ngcontent-ng-c773751984],
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-headcol[_ngcontent-ng-c773751984] {
  display: grid;
  grid-template-columns: 60px repeat(3, 1fr);
  column-gap: 3px;
  align-items: center;
  justify-content: center;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-odds-stake-wrap[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984],
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-headcol[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  text-align: center;
  font-weight: 600;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-header[_ngcontent-ng-c773751984] {
  background-color: var(--grey-100);
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-title[_ngcontent-ng-c773751984] {
  padding: 0 5px 0 10px;
}
.allbet-datawrap[_ngcontent-ng-c773751984]
  .allbet-title[_ngcontent-ng-c773751984]
  h3[_ngcontent-ng-c773751984] {
  font-weight: 600;
}
.Won[_ngcontent-ng-c773751984],
.WON[_ngcontent-ng-c773751984] {
  color: var(--green-color) !important;
}
.Lost[_ngcontent-ng-c773751984],
.LOSS[_ngcontent-ng-c773751984] {
  color: var(--red-color) !important;
}

.mat-expansion-panel {
  --mat-expansion-container-shape: 4px;
  box-sizing: content-box;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--mat-expansion-container-background-color);
  color: var(--mat-expansion-container-text-color);
  border-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 0;
}
.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape);
}
.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  font-family: var(--mat-expansion-container-text-font);
  font-size: var(--mat-expansion-container-text-size);
  font-weight: var(--mat-expansion-container-text-weight);
  line-height: var(--mat-expansion-container-text-line-height);
  letter-spacing: var(--mat-expansion-container-text-tracking);
}
.mat-expansion-panel-content[style*="visibility: hidden"] * {
  visibility: hidden !important;
}
.mat-expansion-panel-body {
  padding: 0 24px 16px;
}
.mat-expansion-panel-spacing {
  margin: 16px 0;
}
.mat-accordion > .mat-expansion-panel-spacing:first-child {
  margin-top: 0;
}
.mat-accordion > .mat-expansion-panel-spacing:last-child {
  margin-bottom: 0;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--mat-expansion-header-collapsed-state-height);
  font-family: var(--mat-expansion-header-text-font);
  font-size: var(--mat-expansion-header-text-size);
  font-weight: var(--mat-expansion-header-text-weight);
  line-height: var(--mat-expansion-header-text-line-height);
  letter-spacing: var(--mat-expansion-header-text-tracking);
}
.mat-expansion-panel-header.mat-expanded {
  height: var(--mat-expansion-header-expanded-state-height);
}
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  cursor: pointer;
}
.mat-expansion-panel:not(.mat-expanded)
  .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
  background: var(--mat-expansion-header-hover-state-layer-color);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded)
    .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
    background: var(--mat-expansion-container-background-color);
  }
}
.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  outline: none;
}
.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
  background: inherit;
}
.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
.mat-content.mat-content-hide-toggle {
  margin-right: 8px;
}
.mat-expansion-panel-header-title {
  color: var(--mat-expansion-header-text-color);
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 16px;
  align-items: center;
}
.mat-expansion-panel-header-description {
  flex-grow: 2;
  color: var(--mat-expansion-header-description-color);
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}

@media all {
  .mat-ripple {
    overflow: hidden;
    position: relative;
  }
  .mat-ripple:not(:empty) {
    transform: translateZ(0);
  }
  .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms;
  }
  .mat-mdc-focus-indicator {
    position: relative;
  }
  .mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px)
      var(--mat-mdc-focus-indicator-border-style, solid)
      var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
  }
  .mat-mdc-focus-indicator:focus:before {
    content: "";
  }
  h2 {
    font-weight: unset;
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  .main {
    height: 100%;
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  .container {
    box-sizing: border-box;
    overflow: auto;
    background-color: var(--grey-00);
    max-width: 768px;
    margin: auto;
    height: 100%;
  }
  p {
    color: var(--grey-900);
  }
  button.btn {
    font-size: 12px;
    white-space: nowrap;
    border: none;
    min-height: 25px;
    border-radius: 10px;
    min-width: 75px;
    font-weight: 300;
    cursor: pointer;
    width: 100%;
  }
  button.btn:disabled {
    background-color: var(--grey-100) !important;
    cursor: not-allowed;
  }
  button.btn.secondary-btn {
    background-color: var(--primary-color-shade);
    color: var(--primary-color-contrast);
  }
  button .mat-mdc-button-touch-target {
    width: 100%;
    height: 100% !important;
  }
  mat-form-field {
    width: 100%;
  }
  .login-section {
    background-color: var(--header-dark-color);
    background-position: left;
  }
  .login-section .login-header-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 250px;
    padding: 15px 15px 3px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
  }
  .login-section .login-header-section button.close-btn {
    width: 30px;
    height: 30px;
    line-height: normal;
    display: none;
    justify-content: center;
    align-items: center;
    background: var(--white-color);
  }
  .login-section .login-header-section button.close-btn mat-icon {
    font-size: 20px;
    width: auto;
    height: auto;
    line-height: normal;
  }
  .login-section .login-header-section .logo {
    align-self: flex-end;
  }
  .login-section .login-header-section img {
    width: 175px;
    max-height: 60px;
  }
  .login-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 0 15px;
  }
  .login-form .form-title {
    font-size: 12px;
    width: 100%;
    margin: 4px;
  }
  .login-form .form-list {
    width: 100%;
  }
  .login-form mat-form-field {
    margin-bottom: 10px;
    max-width: 100%;
  }
  .login-dialog div.mdc-dialog__surface {
    border-radius: 20px;
    background-color: var(--primary-bg);
  }
  .login-dialog div.mdc-dialog__surface .login-section {
    height: 100%;
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.login-header-section {
    padding-bottom: 0;
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.login-header-section
    .logo {
    align-self: center;
    margin: auto !important;
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.login-header-section
    button.close-btn {
    width: 24px;
    height: 24px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white-color);
    position: absolute;
    right: 15px;
    top: 15px;
    box-shadow: none;
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.login-header-section
    button.close-btn
    mat-icon {
    font-size: 16px;
    font-weight: 900;
    color: var(--primary-color);
  }
  .login-dialog div.mdc-dialog__surface .login-section div.body-section {
    background-color: var(--modal-bg);
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.body-section
    div.login-form {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.body-section
    div.login-form
    .form-title {
    color: var(--white-color);
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.body-section
    div.login-form
    .form-list
    mat-form-field
    .mat-mdc-text-field-wrapper {
    background-color: var(--white-color) !important;
  }
  .login-dialog
    div.mdc-dialog__surface
    .login-section
    div.body-section
    div.login-form
    .form-btn
    .secondary-btn {
    color: var(--primary-color-shade);
    background-color: var(--primary-color-contrast);
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
  @media all and (max-width: 768px) {
    .container {
      padding: 0;
      /* height: calc(var(--vh, 1vh) * 100); */
      width: 100%;
    }
  }
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.mdc-dialog .mdc-dialog__surface {
  min-width: 280px;
}
@media (max-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: calc(100vw - 32px);
  }
}
@media (min-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: 560px;
  }
}
.mdc-dialog .mdc-dialog__surface {
  max-height: calc(100% - 32px);
}
.mdc-dialog__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}
.mdc-dialog__surface {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  overflow-y: auto;
  outline: 0;
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-dialog__surface {
    outline: 2px solid windowText;
  }
}
.mdc-dialog__surface::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
@media screen and (forced-colors: active) {
  .mdc-dialog__surface::before {
    border-color: CanvasText;
  }
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .mdc-dialog__surface::before {
    content: none;
  }
}
.mdc-dialog--open .mdc-dialog__container {
  transform: none;
  opacity: 1;
}
.mat-mdc-dialog-container .mdc-dialog__container,
.mat-mdc-dialog-container .mdc-dialog__surface {
  max-height: inherit;
  min-height: inherit;
  min-width: inherit;
  max-width: inherit;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  display: block;
  width: 100%;
  height: 100%;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--mdc-dialog-container-color, white);
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  box-shadow: var(
    --mdc-dialog-container-elevation,
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12)
  );
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: var(--mdc-dialog-container-shape, 4px);
}
.mat-mdc-dialog-container .mdc-dialog__container {
  transition-duration: var(--mat-dialog-transition-duration, 0ms);
}

.login-section {
  background: var(--modal-bg);
  background-image: none !important;
}
.login-section .login-header-section {
  flex-direction: column;
  justify-content: center;
  min-height: 145px;
  padding: 15px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
}
.login-section .login-header-section .logo {
  align-self: unset;
  margin: 15px 0;
}
.login-section .login-header-section .welcome-text h2 {
  color: var(--primary-color-contrast);
  font-size: 22px;
  font-weight: 500;
  font-family: open sans, sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}
.login-section .body-section {
  background-color: var(--white-color);
  border-radius: 15px 15px 0 0;
  height: calc(100% - 180px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.login-section .body-section form {
  width: 100%;
}
.login-section .body-section .login-form {
  padding: 15px;
  padding-bottom: 15px !important;
}
.login-section .body-section .login-form .form-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1001;
}
.login-section .body-section .login-form .form-list .mat-form-field {
  min-width: calc(100% - 100px);
  max-width: -moz-fit-content;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper {
  background-color: var(--card-background);
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: none;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix {
  display: flex;
  column-gap: 4px;
  align-items: center;
  cursor: pointer;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix
  img {
  max-width: 25px;
  border-radius: 3px;
  width: 25px;
  height: 100%;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-infix
  p {
  margin: 0;
  font-size: 14px;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-select {
  max-width: calc(100% - 28px);
  display: flex;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-select
  .mat-mdc-select-arrow-wrapper {
  margin-left: 4px;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-select
  .mat-mdc-select-value {
  display: none;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-select
  .mat-mdc-select-value
  .mat-mdc-select-value-text {
  font-size: 14px;
  display: none;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  display: none;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .mat-mdc-text-field-wrapper
  .mat-mdc-form-field-flex
  .mat-mdc-form-field-infix
  input {
  font-size: 14px;
  border: none;
  outline: none;
  border-radius: 6px;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .select-menu {
  min-width: 100px;
  width: 100px;
  position: relative;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .select-menu:before {
  content: "";
  width: 2px;
  background-color: var(--grey-600);
  height: 30px;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 1;
  opacity: 0.6;
}
.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field
  .select-menu
  .mat-mdc-text-field-wrapper {
  border-radius: 10px 0 0 10px;
  position: relative;
  padding: 0 8px;
}
.login-section .body-section .login-form .form-btn {
  width: 100%;
}
.login-section .body-section .login-form .form-btn p {
  margin: 0;
  color: var(--white-color);
  font-size: 10px;
}
.login-section .body-section .login-form .form-btn p.separator {
  text-align: center;
  margin: 10px 0;
}
.login-section .body-section .login-form .form-btn .extra-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.login-section .body-section .login-form .form-btn .extra-btns button {
  min-height: 40px;
}
.login-section .body-section .login-form .form-btn button {
  width: 100%;
  min-height: 45px;
}

.mdc-fab {
  position: relative;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  fill: currentColor;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  overflow: visible;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-fab:hover {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-fab:not(.mdc-ripple-upgraded):focus {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active,
.mdc-fab:focus:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active,
.mdc-fab:focus {
  outline: none;
}
.mdc-fab:hover {
  cursor: pointer;
}
.mdc-fab--mini {
  width: 40px;
  height: 40px;
}
.mdc-fab::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
@media screen and (forced-colors: active) {
  .mdc-fab::before {
    border-color: CanvasText;
  }
}
.mat-mdc-mini-fab {
  background-color: var(--mdc-fab-container-color);
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
}
.mat-mdc-mini-fab:not(.mdc-fab--extended) {
  border-radius: var(--mdc-fab-container-shape);
}
.mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
  border-radius: var(--mdc-fab-container-shape);
}
.mat-mdc-mini-fab {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  color: var(--mat-mdc-fab-color, inherit);
  flex-shrink: 0;
}
.mat-mdc-mini-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.mat-mdc-mini-fab .mat-mdc-button-ripple {
  overflow: hidden;
}
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
  content: "";
  opacity: 0;
  background-color: var(--mat-mdc-button-persistent-ripple-color);
}
.mat-mdc-mini-fab .mdc-button__label {
  z-index: 1;
}
.mat-mdc-mini-fab .mat-mdc-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.mat-mdc-mini-fab:focus .mat-mdc-focus-indicator::before {
  content: "";
}
.mat-mdc-mini-fab .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%);
}
.mat-mdc-mini-fab:hover,
.mat-mdc-mini-fab:focus {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-mdc-mini-fab:active,
.mat-mdc-mini-fab:focus:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-mdc-mini-fab:not(.mdc-ripple-upgraded):focus::before {
  background: rgba(0, 0, 0, 0);
  opacity: 1;
}
.mat-mdc-mini-fab .mat-icon,
.mat-mdc-mini-fab .material-icons {
  transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  fill: currentColor;
  will-change: transform;
}
.mat-mdc-mini-fab .mat-mdc-focus-indicator::before {
  margin: calc(
    calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1
  );
}

.mdc-text-field {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
}
.mdc-text-field__input {
  height: 28px;
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  appearance: none;
  padding: 0;
}
.mdc-text-field__input:focus {
  outline: none;
}
.mdc-text-field__input:invalid {
  box-shadow: none;
}
@media all {
  .mdc-text-field__input::placeholder {
    opacity: 0;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input::placeholder {
    opacity: 1;
  }
}
.mdc-text-field--filled {
  height: 56px;
}
.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  height: 100%;
}
.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}
.mdc-line-ripple::before,
.mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  z-index: 1;
}
.mdc-line-ripple::after {
  transform: scaleX(0);
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple--deactivating::after {
  opacity: 0;
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
}
.mdc-line-ripple::after {
  border-bottom-width: 2px;
}
.mdc-text-field--filled {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  border-top-left-radius: var(--mdc-filled-text-field-container-shape);
  border-top-right-radius: var(--mdc-filled-text-field-container-shape);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: var(--mdc-filled-text-field-caret-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--mdc-filled-text-field-input-text-color);
}
@media all {
  .mdc-text-field--filled:not(.mdc-text-field--disabled)
    .mdc-text-field__input::placeholder {
    color: var(--mdc-filled-text-field-input-text-placeholder-color);
  }
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--mdc-filled-text-field-container-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled)
  .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-hover-active-indicator-color
  );
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(
    --mdc-filled-text-field-focus-active-indicator-color
  );
}
.mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: var(--mdc-filled-text-field-active-indicator-height);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-width: var(
    --mdc-filled-text-field-focus-active-indicator-height
  );
}
.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
}
.mdc-text-field--no-label:not(.mdc-text-field--textarea)
  .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  height: auto;
}
.mat-mdc-text-field-wrapper {
  height: auto;
  flex: auto;
}
.mat-mdc-text-field-wrapper::before {
  content: none;
}
.mat-mdc-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.mat-mdc-form-field-hint-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.mat-mdc-form-field-bottom-align::before {
  content: "";
  display: inline-block;
  height: 16px;
}
.mat-mdc-form-field-hint-wrapper {
  display: flex;
}
.mat-mdc-form-field-hint-spacer {
  flex: 1 0 1em;
}
.mat-mdc-form-field-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.75;
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-container-text-font);
  line-height: var(--mat-form-field-container-text-line-height);
  font-size: var(--mat-form-field-container-text-size);
  letter-spacing: var(--mat-form-field-container-text-tracking);
  font-weight: var(--mat-form-field-container-text-weight);
}
.mat-mdc-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-text-field-wrapper {
  width: 100%;
}
.mat-mdc-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
}
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media all {
  .mat-mdc-form-field:not(.mat-form-field-no-animations)
    .mdc-text-field__input::placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-select {
  display: inline-block;
  width: 100%;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--mat-select-enabled-trigger-text-color);
  font-family: var(--mat-select-trigger-text-font);
  line-height: var(--mat-select-trigger-text-line-height);
  font-size: var(--mat-select-trigger-text-size);
  font-weight: var(--mat-select-trigger-text-weight);
  letter-spacing: var(--mat-select-trigger-text-tracking);
}
.mat-mdc-select-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-select-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-mdc-select-arrow-wrapper {
  height: 24px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-8px);
}
.mat-form-field-appearance-fill
  .mdc-text-field--no-label
  .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.mat-mdc-select-arrow {
  width: 10px;
  height: 5px;
  position: relative;
  color: var(--mat-select-enabled-arrow-color);
}
.mat-mdc-select-arrow svg {
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mat-mdc-select-min-line:empty::before {
  content: " ";
  white-space: pre;
  width: 1px;
  display: inline-block;
  visibility: hidden;
}

.login-section
  .body-section
  .login-form
  .form-list
  .mat-form-field.select-menu {
  min-width: 100px;
  width: 85px;
  position: relative;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}
/*! CSS Used from: Embedded ; media=all */
@media all {
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  p {
    color: var(--grey-900);
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
}

.page-body[_ngcontent-ng-c3799324686] .p[_ngcontent-ng-c3799324686] {
  margin: 0;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section {
  position: relative;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay {
  width: 100%;
  height: 30px;
  background-color: var(--grey-50);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .live-score-section
  .score-overlay
  p {
  font-size: 12px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  color: var(--primary-color);
  font-family: open_semiBold;
  animation: _ngcontent-ng-c3799324686_zoom-in-zoom-out 2s ease infinite;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 6px;
  min-height: 25px;
  background-color: var(--primary-color-tint);
  position: relative;
  color: var(--primary-color-contrast);
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  img {
  max-width: 18px;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs {
  padding: 5px;
  background-color: var(--primary-color-tint);
  margin: 0;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  mat-label {
  font-size: 10px;
  margin: 0;
  color: var(--primary-color-contrast);
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  ul {
  justify-content: flex-start;
  column-gap: 2px;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  ul
  p {
  background-color: var(--header-dark-color);
  height: 20px;
  min-width: 20px;
  width: auto;
  padding: 4px;
  border-radius: 10px;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .current-over {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .current-over
  mat-label {
  text-align: right;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.multiple-overs
  .previous-over {
  display: flex;
  flex-direction: column;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--grey-50);
  padding: 5px 10px;
  overflow-x: auto;
  min-height: 35px;
  margin-bottom: 2px;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  mat-label {
  margin-right: 10px;
  font-size: 0.75rem;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
  align-items: center;
  margin: 0;
  width: calc(100% - 85px);
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  ul
  li
  p {
  background-color: var(--grey-200);
  border-radius: 50%;
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 0.6rem;
  width: clamp(20px, 6vw, 30px);
  height: clamp(20px, 6vw, 30px);
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .batting-team,
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  column-gap: 9px;
  font-size: 12px;
  max-width: 50%;
  line-height: normal;
  align-items: center;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group
  .mat-tab-body
  .mat-mdc-tab-body-content
  .score-wrap
  .bowling-team {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 390px) {
  .game-tab[_ngcontent-ng-c3799324686]
    .live-score-section[_ngcontent-ng-c3799324686]
    .last-balls-record.multiple-overs[_ngcontent-ng-c3799324686] {
    justify-content: center;
  }
  .game-tab[_ngcontent-ng-c3799324686]
    .live-score-section[_ngcontent-ng-c3799324686]
    .last-balls-record.multiple-overs[_ngcontent-ng-c3799324686]
    mat-label[_ngcontent-ng-c3799324686] {
    text-align: center;
  }
  .game-tab[_ngcontent-ng-c3799324686]
    .live-score-section[_ngcontent-ng-c3799324686]
    .last-balls-record.multiple-overs[_ngcontent-ng-c3799324686]
    .previous-over[_ngcontent-ng-c3799324686] {
    display: none;
  }
}

.page-body[_ngcontent-ng-c3799324686] .p[_ngcontent-ng-c3799324686] {
  margin: 0;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group[_ngcontent-ng-c3799324686]
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record.overflow-overs
  .over-details
  .ul {
  width: auto;
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group[_ngcontent-ng-c3799324686]
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  .ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
  align-items: center;
  margin: 0;
  width: calc(100% - 85px);
}
.game-tab[_ngcontent-ng-c3799324686]
  .mat-tab-group[_ngcontent-ng-c3799324686]
  .mat-tab-body
  .mat-mdc-tab-body-content
  .last-balls-record
  .ul
  .li
  .p {
  background-color: var(--grey-200);
  border-radius: 50%;
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 0.6rem;
  width: clamp(20px, 6vw, 30px);
  height: clamp(20px, 6vw, 30px);
}

.page-body[_ngcontent-ng-c1287707169] {
  padding: 0 10px;
}
.rules-page-wrap {
  padding: 0;
}
.rules-page-wrap .content-setting {
  background-color: var(--white-color);
  padding: 10px;
  border-radius: 10px;
}
.rules-page-wrap p {
  font-size: 12px;
  margin: 0 0 10px;
  text-align: justify;
}

p {
  color: var(--grey-900);
}

.plt-desktop ::-webkit-scrollbar {
  width: 5px;
}
.plt-desktop ::-webkit-scrollbar-track {
  background: var(--grey-00);
}
.plt-desktop ::-webkit-scrollbar-thumb {
  background: var(--grey-100);
  border-radius: 10px;
  cursor: pointer;
}
.plt-desktop ::-webkit-scrollbar-thumb:hover {
  background: var(--grey-100);
}
.blink-it {
  animation: blinker 1s linear infinite;
}
.blink-it:hover {
  animation: none;
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.ds-none[_ngcontent-ng-c2582205232] {
  display: none !important;
}

.filter-wrapper[_ngcontent-ng-c1965075897] {
  z-index: 1000;
  background-color: var(--grey-00);
  padding-top: 0px;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897] {
  display: grid;
  margin-bottom: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  grid-template-columns: calc(50% - 5px) calc(50% - 5px);
  column-gap: 10px;
  top: 0px;
  z-index: 1000;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897] {
  display: flex;
  flex-direction: column;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  .label-cont[_ngcontent-ng-c1965075897] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4px;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  .label-cont[_ngcontent-ng-c1965075897]
  label[_ngcontent-ng-c1965075897] {
  font-size: 10px;
  color: var(--text-contrast);
  opacity: 1;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  mat-form-field {
  max-width: 100%;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  mat-form-field
  .mat-mdc-text-field-wrapper {
  background-color: var(--grey-100);
  min-height: 36px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: none;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  mat-form-field
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  opacity: 0;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  mat-form-field
  .mat-mdc-text-field-wrapper
  mat-select
  .mat-mdc-select-trigger {
  font-size: 12px;
}
.filter-wrapper[_ngcontent-ng-c1965075897]
  .filter-search[_ngcontent-ng-c1965075897]
  .select-wrap[_ngcontent-ng-c1965075897]
  mat-form-field
  .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.page-body[_ngcontent-ng-c1965075897] {
  background-color: var(--grey-00);
  height: auto;
  margin-bottom: 54px;
  padding: 0;
}
.page-body[_ngcontent-ng-c1965075897] .pagetab-wrapper {
  top: 44px;
  margin-bottom: 0;
}
.page-body[_ngcontent-ng-c1965075897] .pagetab-wrapper .pagetab-header {
  margin-bottom: 0;
}
.page-body[_ngcontent-ng-c1965075897]
  .game-play-heading[_ngcontent-ng-c1965075897] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 1px 5px;
}
.page-body[_ngcontent-ng-c1965075897]
  .game-play-heading[_ngcontent-ng-c1965075897]
  h2[_ngcontent-ng-c1965075897] {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey-500);
  margin: 0;
  position: relative;
  text-transform: capitalize;
  padding-bottom: 3px;
}
.page-body[_ngcontent-ng-c1965075897]
  .game-play-heading[_ngcontent-ng-c1965075897]
  h2[_ngcontent-ng-c1965075897]:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% - 10px);
  border-radius: 0 0 10px;
  background-color: var(--secondary-color);
  height: 2px;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897] {
  margin: 0px 0;
  padding: 0 10px 25px;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897] {
  margin: 0;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  row-gap: 8px;
  width: 100%;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897] {
  margin-left: 0;
  position: relative;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .total-players[_ngcontent-ng-c1965075897] {
  background-color: var(--header-dark-color);
  border-radius: 6px;
  border: 1px solid var(--grey-600);
  color: var(--white-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 999;
  opacity: 1;
  column-gap: 5px;
  font-size: 10px;
  opacity: 0.9;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .total-players[_ngcontent-ng-c1965075897]
  mat-icon[_ngcontent-ng-c1965075897] {
  font-size: 12px;
  width: auto;
  height: auto;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897] {
  background-color: var(--grey-700);
  padding: 25px 10px 8px;
  margin-top: -20px;
  border-radius: 0 0 10px 10px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  min-height: 80px;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p[_ngcontent-ng-c1965075897] {
  padding-left: 0;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p.game-name[_ngcontent-ng-c1965075897] {
  font-size: 12px;
  font-family: open_semiBold;
  color: var(--white-color);
  opacity: 1;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p.company-type[_ngcontent-ng-c1965075897],
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p.coins-limit[_ngcontent-ng-c1965075897] {
  font-size: 10px;
  color: var(--white-color);
  opacity: 0.6;
  font-family: open_semiBold;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 10;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a.active[_ngcontent-ng-c1965075897]:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  box-shadow: inset 0 0 30px var(--grey-500);
  z-index: 100;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897]:after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  background-color: #0006;
  z-index: 99;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897]
  img[_ngcontent-ng-c1965075897] {
  width: 100%;
  height: 150px;
  object-position: top center;
  object-fit: cover;
  border-radius: 5px;
  border: 0px solid transparent;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897]
  img[_ngcontent-ng-c1965075897]:hover {
  background-color: red;
}
.page-body[_ngcontent-ng-c1965075897]
  .casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  p[_ngcontent-ng-c1965075897] {
  font-size: 12px;
  margin: 0;
  padding-left: 8px;
  opacity: 0.6;
}
@media all and (min-width: 768px) {
  .page-body[_ngcontent-ng-c1965075897]
    .casino-section[_ngcontent-ng-c1965075897]
    .game-type-list[_ngcontent-ng-c1965075897]
    ul[_ngcontent-ng-c1965075897] {
    grid-template-columns: repeat(4, 1fr);
  }
}
.casino-section[_ngcontent-ng-c1965075897] {
  margin-bottom: 15px;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897] {
  margin: 0;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  row-gap: 8px;
  width: 100%;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897] {
  margin-left: 0;
  position: relative;
  cursor: pointer;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .total-players[_ngcontent-ng-c1965075897] {
  background-color: var(--header-dark-color);
  border-radius: 6px;
  border: 1px solid var(--grey-600);
  color: var(--white-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 5px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 999;
  opacity: 1;
  column-gap: 5px;
  font-size: 10px;
  opacity: 0.9;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .total-players[_ngcontent-ng-c1965075897]
  mat-icon[_ngcontent-ng-c1965075897] {
  font-size: 12px;
  width: auto;
  height: auto;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897] {
  background-color: var(--grey-700);
  padding: 25px 10px 8px;
  margin-top: -20px;
  border-radius: 0 0 10px 10px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  min-height: 80px;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p[_ngcontent-ng-c1965075897] {
  padding-left: 0;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p.game-name[_ngcontent-ng-c1965075897] {
  font-size: 12px;
  font-family: open_semiBold;
  color: var(--white-color);
  opacity: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p.company-type[_ngcontent-ng-c1965075897],
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  .game-detail[_ngcontent-ng-c1965075897]
  p.coins-limit[_ngcontent-ng-c1965075897] {
  font-size: 10px;
  color: var(--white-color);
  opacity: 0.6;
  font-family: open_semiBold;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 10;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a.active[_ngcontent-ng-c1965075897]:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  box-shadow: inset 0 0 30px var(--grey-500);
  z-index: 100;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897]:after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #0006;
  z-index: 99;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897]
  img[_ngcontent-ng-c1965075897] {
  width: 100%;
  height: 150px;
  object-position: top center;
  object-fit: cover;
  border-radius: 5px;
  border: 0px solid transparent;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  a[_ngcontent-ng-c1965075897]
  img[_ngcontent-ng-c1965075897]:hover {
  background-color: red;
}
.casino-section[_ngcontent-ng-c1965075897]
  .game-type-list[_ngcontent-ng-c1965075897]
  ul[_ngcontent-ng-c1965075897]
  li[_ngcontent-ng-c1965075897]
  p[_ngcontent-ng-c1965075897] {
  font-size: 12px;
  margin: 0;
  padding-left: 8px;
  opacity: 0.6;
}

.mdc-text-field {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
}
.mdc-text-field--filled {
  height: 56px;
}
.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}
.mdc-line-ripple::before,
.mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  z-index: 1;
}
.mdc-line-ripple::after {
  transform: scaleX(0);
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
}
.mdc-line-ripple::after {
  border-bottom-width: 2px;
}
.mdc-text-field--filled {
  --mdc-filled-text-field-active-indicator-height: 0px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  border-top-left-radius: var(--mdc-filled-text-field-container-shape);
  border-top-right-radius: var(--mdc-filled-text-field-container-shape);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--mdc-filled-text-field-container-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled)
  .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-hover-active-indicator-color
  );
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(
    --mdc-filled-text-field-focus-active-indicator-color
  );
}
.mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: var(--mdc-filled-text-field-active-indicator-height);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-width: var(
    --mdc-filled-text-field-focus-active-indicator-height
  );
}
.mat-mdc-text-field-wrapper {
  height: auto;
  flex: auto;
}
.mat-mdc-text-field-wrapper::before {
  content: none;
}
.mat-mdc-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.mat-mdc-form-field-hint-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.mat-mdc-form-field-bottom-align::before {
  content: "";
  display: inline-block;
  height: 16px;
}
.mat-mdc-form-field-hint-wrapper {
  display: flex;
}
.mat-mdc-form-field-hint-spacer {
  flex: 1 0 1em;
}
.mat-mdc-form-field-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.75;
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-container-text-font);
  line-height: var(--mat-form-field-container-text-line-height);
  font-size: var(--mat-form-field-container-text-size);
  letter-spacing: var(--mat-form-field-container-text-tracking);
  font-weight: var(--mat-form-field-container-text-weight);
}
.mat-mdc-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-text-field-wrapper {
  width: 100%;
}
.mat-mdc-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
}
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-select {
  display: inline-block;
  width: 100%;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--mat-select-enabled-trigger-text-color);
  font-family: var(--mat-select-trigger-text-font);
  line-height: var(--mat-select-trigger-text-line-height);
  font-size: var(--mat-select-trigger-text-size);
  font-weight: var(--mat-select-trigger-text-weight);
  letter-spacing: var(--mat-select-trigger-text-tracking);
}
.mat-mdc-select-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-select-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-mdc-select-arrow-wrapper {
  height: 24px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-8px);
}
.mat-form-field-appearance-fill
  .mdc-text-field--no-label
  .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.mat-mdc-select-arrow {
  width: 10px;
  height: 5px;
  position: relative;
  color: var(--mat-select-enabled-arrow-color);
}
.mat-mdc-select-arrow svg {
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mat-mdc-select-min-line:empty::before {
  content: " ";
  white-space: pre;
  width: 1px;
  display: inline-block;
  visibility: hidden;
}

.ladder-datawrap[_ngcontent-ng-c3799324686] {
  position: relative;
  max-width: 140px;
  background: var(--grey-100);
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-header[_ngcontent-ng-c3799324686] {
  background-color: var(--grey-200);
  padding: 2px;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-header[_ngcontent-ng-c3799324686]
  h3[_ngcontent-ng-c3799324686] {
  color: var(--grey-text);
  font-size: 0.625rem !important;
  line-height: 1.5;
  margin: 0;
  text-align: center;
  padding: 2px;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-header[_ngcontent-ng-c3799324686]
  h3[_ngcontent-ng-c3799324686]:first-child {
  text-align: left;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-header[_ngcontent-ng-c3799324686]
  h3[_ngcontent-ng-c3799324686]:last-child {
  text-align: right;
}
.ladder-datawrap.dropdown-content[_ngcontent-ng-c3799324686] {
  position: absolute;
  display: none;
  z-index: 1;
  right: calc(35% + 25px);
  border-radius: 6px;
  margin: 20px 0;
}
.ladder-datawrap.dropdown-content.show[_ngcontent-ng-c3799324686] {
  display: block;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-body[_ngcontent-ng-c3799324686] {
  background-color: var(--grey-100);
  border-radius: 0 0 6px 6px;
  padding: 5px;
  max-height: 180px;
  overflow-y: auto;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-body[_ngcontent-ng-c3799324686]
  p[_ngcontent-ng-c3799324686] {
  color: var(--grey-text);
  margin: 0;
  font-size: clamp(0.625rem, 2vw, 0.75rem);
  text-align: center;
  padding: 2px;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-body[_ngcontent-ng-c3799324686]
  p[_ngcontent-ng-c3799324686]:first-child {
  text-align: left;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-body[_ngcontent-ng-c3799324686]
  p[_ngcontent-ng-c3799324686]:last-child {
  text-align: right;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-data[_ngcontent-ng-c3799324686] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  border-bottom: 1px solid var(--grey-200);
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  .ld-data[_ngcontent-ng-c3799324686]:last-child {
  border: none;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  [_ngcontent-ng-c3799324686]::-webkit-scrollbar {
  width: 5px;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  [_ngcontent-ng-c3799324686]::-webkit-scrollbar-track {
  background: transparent;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  [_ngcontent-ng-c3799324686]::-webkit-scrollbar-thumb {
  background: var(--grey-text);
  border-radius: 6px;
}
.ladder-datawrap[_ngcontent-ng-c3799324686]
  [_ngcontent-ng-c3799324686]::-webkit-scrollbar-thumb:hover {
  background: var(--card-background);
}
.fancy-head[_ngcontent-ng-c3799324686] {
  font-size: 0.625rem;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid var(--white-color);
  background-color: var(--grey-200);
  padding: 0 5px;
  border-radius: 6px 6px 0 0;
  color: var(--grey-text);
  text-align: center;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

@media all {
  body:not(.desktop) .ignore-content-spacing {
    margin-left: calc(var(--layout-spacing-mobile) * -1);
    margin-right: calc(var(--layout-spacing-mobile) * -1);
  }
  * {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  ::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  ::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-track {
    width: 0;
  }
}

.home-page[_ngcontent-jfw-c135] .section {
  background: var(--home-page-section-bg-color);
  border-radius: 2px;
}

.banner[_ngcontent-jfw-c112] {
  display: block;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}
@media only screen and (min-width: 360px) {
  .banner[_ngcontent-jfw-c112] {
    height: 150px;
  }
}

[_nghost-jfw-c80] {
  display: block;
  overflow: hidden;
  position: relative;
}
.slides[_ngcontent-jfw-c80] {
  display: flex;
  transition: transform 0.3s;
}
.slides[_ngcontent-jfw-c80] > *[_ngcontent-jfw-c80] {
  flex: none;
  width: 100%;
}
.pagination[_ngcontent-jfw-c80] {
  position: absolute;
  left: 50%;
  bottom: 10px;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  transform: translate(-50%);
}
.pagination[_ngcontent-jfw-c80] > *[_ngcontent-jfw-c80] {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
}
.pagination[_ngcontent-jfw-c80] > *[_ngcontent-jfw-c80]:not(.active) {
  opacity: 0.4;
}

.slider-container {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.page-body[_ngcontent-ng-c3542240159] .title-bar[_ngcontent-ng-c3542240159] {
  flex-direction: column;
  align-items: flex-start;
}
.page-body[_ngcontent-ng-c3542240159]
  .title-bar[_ngcontent-ng-c3542240159]
  h2[_ngcontent-ng-c3542240159] {
  padding: 0 5px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .user-details {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
  background-color: var(--white-color);
  border-radius: 10px;
  color: var(--black-color);
  min-height: 85px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .user-details
  p {
  margin: 0 0 6px;
  font-size: 14px;
  color: var(--black-color);
  display: flex;
  column-gap: 4px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .user-details
  p
  img {
  width: 22px;
  max-height: 22px;
  border-radius: 4px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .action-btn {
  margin-top: 10px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .action-btn
  button {
  min-height: 40px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .delete-icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grey-50);
  border-radius: 50%;
  font-size: 18px;
  position: absolute;
  right: 35px;
  z-index: 10000;
  top: 10px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  mat-icon {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  mat-accordion {
  position: relative;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item {
  box-shadow: none;
  margin-bottom: 10px;
  margin-top: 0;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item.mat-expanded
  .mat-expansion-panel-header {
  border-radius: 10px 10px 0 0;
  height: 50px;
  border-bottom: 1px solid var(--grey-50);
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header {
  background-color: var(--white-color);
  border-radius: 10px;
  height: 50px;
  padding: 0 0 0 10px;
  transition: none;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header
  .mat-expansion-panel-header-title {
  column-gap: 6px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header
  .mat-expansion-panel-header-title
  .img-wrap {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  background-color: var(--primary-color);
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header
  .mat-expansion-panel-header-title
  .img-wrap
  img {
  width: 100%;
  border-radius: 50%;
  object-fit: contain;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header
  .mat-expansion-panel-header-title
  h2 {
  font-size: 12px;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header
  .mat-expansion-panel-header-title
  h2
  span {
  font-size: 10px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-header
  .mat-expansion-panel-header-description {
  flex-grow: 0;
  margin: 0;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-body {
  padding: 0;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-body
  .banks-details {
  padding: 10px;
  background-color: var(--white-color);
  border-radius: 0 0 10px 10px;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-body
  .banks-details
  ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-body
  .banks-details
  ul
  li {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-body
  .banks-details
  ul
  li
  label {
  font-size: 12px;
  font-weight: 600;
}
.page-body[_ngcontent-ng-c3542240159]
  .banking-page-wrap[_ngcontent-ng-c3542240159]
  .banking-tabs-group[_ngcontent-ng-c3542240159]
  .mat-mdc-tab-body-wrapper
  .banks-list-wrap
  .mat-exp-bank-item
  .mat-expansion-panel-body
  .banks-details
  ul
  li
  p {
  margin: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}

.mat-mdc-tab-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  outline: 0;
  flex-basis: 100%;
}
.mat-mdc-tab-body.mat-mdc-tab-body-active {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  flex-grow: 1;
}
.mat-mdc-tab-body-content {
  height: 100%;
  overflow: auto;
}

.mat-expansion-panel {
  --mat-expansion-container-shape: 4px;
  box-sizing: content-box;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--mat-expansion-container-background-color);
  color: var(--mat-expansion-container-text-color);
  border-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 0;
}
.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape);
}
.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  font-family: var(--mat-expansion-container-text-font);
  font-size: var(--mat-expansion-container-text-size);
  font-weight: var(--mat-expansion-container-text-weight);
  line-height: var(--mat-expansion-container-text-line-height);
  letter-spacing: var(--mat-expansion-container-text-tracking);
}
.mat-expansion-panel-content[style*="visibility: hidden"] * {
  visibility: hidden !important;
}
.mat-expansion-panel-body {
  padding: 0 24px 16px;
}
.mat-expansion-panel-spacing {
  margin: 16px 0;
}
.mat-accordion > .mat-expansion-panel-spacing:last-child {
  margin-bottom: 0;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--mat-expansion-header-collapsed-state-height);
  font-family: var(--mat-expansion-header-text-font);
  font-size: var(--mat-expansion-header-text-size);
  font-weight: var(--mat-expansion-header-text-weight);
  line-height: var(--mat-expansion-header-text-line-height);
  letter-spacing: var(--mat-expansion-header-text-tracking);
}
.mat-expansion-panel-header.mat-expanded {
  height: var(--mat-expansion-header-expanded-state-height);
}
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  cursor: pointer;
}
.mat-expansion-panel:not(.mat-expanded)
  .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
  background: var(--mat-expansion-header-hover-state-layer-color);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded)
    .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
    background: var(--mat-expansion-container-background-color);
  }
}
.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  outline: none;
}
.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
  background: inherit;
}
.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
.mat-content.mat-content-hide-toggle {
  margin-right: 8px;
}
.mat-expansion-panel-header-title {
  color: var(--mat-expansion-header-text-color);
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 16px;
  align-items: center;
}
.mat-expansion-panel-header-description {
  flex-grow: 2;
  color: var(--mat-expansion-header-description-color);
}

/* withdraw */

@media all {
  .mat-mdc-focus-indicator {
    position: relative;
  }
  .mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px)
      var(--mat-mdc-focus-indicator-border-style, solid)
      var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
  }
  .mat-mdc-focus-indicator:focus:before {
    content: "";
  }
  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    box-shadow: unset !important;
    border: 0;
    outline: none;
  }
  ::selection {
    color: var(--primary-color-contrast);
    background-color: var(--primary-color);
  }
  p {
    color: var(--grey-900);
  }
  button.btn {
    font-size: 12px;
    white-space: nowrap;
    border: none;
    min-height: 25px;
    border-radius: 10px;
    min-width: 75px;
    font-weight: 300;
    cursor: pointer;
    width: 100%;
  }
  button.btn:disabled {
    background-color: var(--grey-100) !important;
    cursor: not-allowed;
  }
  button.btn.secondary-btn {
    background-color: var(--primary-color-shade);
    color: var(--primary-color-contrast);
  }
  button .mat-mdc-button-touch-target {
    width: 100%;
    height: 100% !important;
  }
  mat-form-field {
    width: 100%;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-body {
    padding: 10px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap input {
    min-height: 40px;
    border-radius: 10px;
    border: none;
    background-color: var(--grey-00);
    padding: 0 10px;
    font-size: 12px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-body .form-wrap .note-message {
    margin: 5px 0 0;
    font-size: 10px;
    opacity: 0.8;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-footer {
    padding: 10px;
  }
  .mat-mdc-dialog-container.mdc-dialog .modal-footer button {
    width: 100%;
  }
  .plt-desktop ::-webkit-scrollbar {
    width: 5px;
  }
  .plt-desktop ::-webkit-scrollbar-track {
    background: var(--grey-00);
  }
  .plt-desktop ::-webkit-scrollbar-thumb {
    background: var(--grey-100);
    border-radius: 10px;
    cursor: pointer;
  }
  .plt-desktop ::-webkit-scrollbar-thumb:hover {
    background: var(--grey-100);
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
}

.mdc-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0);
}
.mdc-button:active {
  outline: none;
}
.mdc-button:hover {
  cursor: pointer;
}
.mdc-button:disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-button .mdc-button__label {
  position: relative;
}
.mdc-button {
  padding: 0 8px 0 8px;
}
.mat-mdc-button {
  height: var(--mdc-text-button-container-height, 36px);
  border-radius: var(
    --mdc-text-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}
.mat-mdc-button:not(:disabled) {
  color: var(--mdc-text-button-label-text-color, inherit);
}
.mat-mdc-button:disabled {
  color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}
.mat-mdc-button .mdc-button__ripple {
  border-radius: var(
    --mdc-text-button-container-shape,
    var(--mdc-shape-small, 4px)
  );
}
.mat-mdc-button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  content: "";
  opacity: 0;
  background-color: var(--mat-mdc-button-persistent-ripple-color);
}
.mat-mdc-button .mdc-button__label {
  z-index: 1;
}
.mat-mdc-button .mat-mdc-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.mat-mdc-button:focus .mat-mdc-focus-indicator::before {
  content: "";
}
.mat-mdc-button .mat-mdc-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.modal-body[_ngcontent-ng-c2000663781] {
  padding: 10px;
}
.modal-body[_ngcontent-ng-c2000663781] .card-wrap[_ngcontent-ng-c2000663781] {
  background-color: var(--grey-00);
  border-radius: 10px;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap.ww-card-wrap[_ngcontent-ng-c2000663781] {
  min-height: 40px !important;
  margin: 10px 0;
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap.ww-card-wrap[_ngcontent-ng-c2000663781]
  .withdrawal-coins[_ngcontent-ng-c2000663781] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap.ww-card-wrap[_ngcontent-ng-c2000663781]
  .withdrawal-coins[_ngcontent-ng-c2000663781]
  p[_ngcontent-ng-c2000663781] {
  font-size: 10px;
  margin: 0;
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap[_ngcontent-ng-c2000663781]
  .show-bal[_ngcontent-ng-c2000663781] {
  color: var(--grey-700);
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap[_ngcontent-ng-c2000663781]
  .show-bal.avl-bal[_ngcontent-ng-c2000663781] {
  text-align: center;
  margin-bottom: 5px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap[_ngcontent-ng-c2000663781]
  .show-bal[_ngcontent-ng-c2000663781]
  mat-label[_ngcontent-ng-c2000663781] {
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 6px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .card-wrap[_ngcontent-ng-c2000663781]
  .show-bal[_ngcontent-ng-c2000663781]
  p[_ngcontent-ng-c2000663781] {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: var(--grey-700);
}
.modal-body[_ngcontent-ng-c2000663781] .form-wrap[_ngcontent-ng-c2000663781] {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .form-wrap[_ngcontent-ng-c2000663781]
  label[_ngcontent-ng-c2000663781] {
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 4px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .form-wrap[_ngcontent-ng-c2000663781]
  input[_ngcontent-ng-c2000663781] {
  min-height: 40px;
  border-radius: 10px;
  border: none;
  background-color: var(--grey-00);
  padding: 0 10px;
  font-size: 10px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .form-wrap[_ngcontent-ng-c2000663781]
  .note-message[_ngcontent-ng-c2000663781] {
  margin: 5px 0 0;
  font-size: 10px;
  opacity: 0.8;
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781] {
  margin-top: 15px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781]
  .bankDetails-list[_ngcontent-ng-c2000663781] {
  background-color: var(--grey-00);
  border-radius: 10px;
  padding: 10px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781]
  .bankDetails-list[_ngcontent-ng-c2000663781]
  .pref-head[_ngcontent-ng-c2000663781] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  font-size: 10px;
  border-bottom: 1px solid var(--grey-100);
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781]
  .bankDetails-list[_ngcontent-ng-c2000663781]
  .bankinfo-list[_ngcontent-ng-c2000663781] {
  padding: 0;
  list-style: none;
  font-size: 10px;
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781]
  .bankDetails-list[_ngcontent-ng-c2000663781]
  .bankinfo-list[_ngcontent-ng-c2000663781]
  li[_ngcontent-ng-c2000663781] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 8px;
  padding: 4px 0;
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781]
  .bankDetails-list[_ngcontent-ng-c2000663781]
  .bankinfo-list[_ngcontent-ng-c2000663781]
  li[_ngcontent-ng-c2000663781]
  label[_ngcontent-ng-c2000663781] {
  max-width: 35%;
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-body[_ngcontent-ng-c2000663781]
  .withdraw-bankDetails[_ngcontent-ng-c2000663781]
  .bankDetails-list[_ngcontent-ng-c2000663781]
  .bankinfo-list[_ngcontent-ng-c2000663781]
  li[_ngcontent-ng-c2000663781]
  p[_ngcontent-ng-c2000663781] {
  margin: 0;
  max-width: 65%;
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-footer[_ngcontent-ng-c2000663781] {
  padding: 10px;
}
.modal-footer[_ngcontent-ng-c2000663781] button[_ngcontent-ng-c2000663781] {
  width: 100%;
}
.pref-head[_ngcontent-ng-c2000663781] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pref-head[_ngcontent-ng-c2000663781] mat-form-field {
  max-width: 50%;
}
.pref-head[_ngcontent-ng-c2000663781]
  mat-form-field
  .mat-mdc-text-field-wrapper {
  padding: 0 5px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
}
.pref-head[_ngcontent-ng-c2000663781]
  mat-form-field
  .mat-mdc-text-field-wrapper
  .mdc-line-ripple {
  display: none;
}
.pref-head[_ngcontent-ng-c2000663781]
  mat-form-field
  .mat-mdc-form-field-bottom-align {
  display: none;
}
.pref-head[_ngcontent-ng-c2000663781]
  mat-form-field
  .mat-mdc-form-field-bottom-align:before {
  height: auto;
}

.mdc-text-field {
  border-top-left-radius: 4px;
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
}
.mdc-text-field--filled {
  height: 56px;
}
.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}
.mdc-line-ripple::before,
.mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  z-index: 1;
}
.mdc-line-ripple::after {
  transform: scaleX(0);
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple--deactivating::after {
  opacity: 0;
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
}
.mdc-line-ripple::after {
  border-bottom-width: 2px;
}
.mdc-text-field--filled {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  border-top-left-radius: var(--mdc-filled-text-field-container-shape);
  border-top-right-radius: var(--mdc-filled-text-field-container-shape);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--mdc-filled-text-field-container-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled)
  .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):not(
    .mdc-text-field--focused
  ):hover
  .mdc-line-ripple::before {
  border-bottom-color: var(
    --mdc-filled-text-field-hover-active-indicator-color
  );
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(
    --mdc-filled-text-field-focus-active-indicator-color
  );
}
.mdc-text-field--filled .mdc-line-ripple::before {
  border-bottom-width: var(--mdc-filled-text-field-active-indicator-height);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-width: var(
    --mdc-filled-text-field-focus-active-indicator-height
  );
}
.mat-mdc-text-field-wrapper {
  height: auto;
  flex: auto;
}
.mat-mdc-text-field-wrapper::before {
  content: none;
}
.mat-mdc-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.mat-mdc-form-field-hint-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.mat-mdc-form-field-bottom-align::before {
  content: "";
  display: inline-block;
  height: 16px;
}
.mat-mdc-form-field-hint-wrapper {
  display: flex;
}
.mat-mdc-form-field-hint-spacer {
  flex: 1 0 1em;
}
.mat-mdc-form-field-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.75;
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-container-text-font);
  line-height: var(--mat-form-field-container-text-line-height);
  font-size: var(--mat-form-field-container-text-size);
  letter-spacing: var(--mat-form-field-container-text-tracking);
  font-weight: var(--mat-form-field-container-text-weight);
}
.mat-mdc-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-text-field-wrapper {
  width: 100%;
}
.mat-mdc-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
}
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-select {
  display: inline-block;
  width: 100%;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--mat-select-enabled-trigger-text-color);
  font-family: var(--mat-select-trigger-text-font);
  line-height: var(--mat-select-trigger-text-line-height);
  font-size: var(--mat-select-trigger-text-size);
  font-weight: var(--mat-select-trigger-text-weight);
  letter-spacing: var(--mat-select-trigger-text-tracking);
}
.mat-mdc-select-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.mat-mdc-select-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-select-arrow-wrapper {
  height: 24px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-8px);
}
.mat-form-field-appearance-fill
  .mdc-text-field--no-label
  .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.mat-mdc-select-arrow {
  width: 10px;
  height: 5px;
  position: relative;
  color: var(--mat-select-enabled-arrow-color);
}
.mat-mdc-select-arrow svg {
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mat-mdc-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  color: var(--mat-select-placeholder-text-color);
}
.mat-mdc-select-min-line:empty::before {
  content: " ";
  white-space: pre;
  width: 1px;
  display: inline-block;
  visibility: hidden;
}

/*  */

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator:before {
  inset: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px)
    var(--mat-focus-indicator-border-style, solid)
    var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus:before {
  content: "";
}
h2,
h4 {
  font-weight: unset;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  border: 0;
  outline: none;
}
::selection {
  color: var(--primary-color-contrast);
  background-color: var(--primary-color);
}
p {
  color: var(--grey-900);
}
button.btn {
  font-size: 12px;
  white-space: nowrap;
  border: none;
  min-height: 25px;
  border-radius: 10px;
  min-width: 75px;
  font-weight: 300;
  cursor: pointer;
  width: 100%;
}
button.btn:disabled {
  background-color: var(--grey-100) !important;
  cursor: not-allowed;
}
button.btn.secondary-btn {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
.page-body {
  background-color: var(--grey-00);
  height: calc(100% - 60px);
  padding: 0 10px;
}
.page-body .title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.page-body .title-bar h2 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.page-body .title-bar .time-badge {
  font-weight: 300;
  font-size: 10px;
  margin: 0;
  padding: 2px 10px;
  border: 1px solid var(--primary-color);
  border-radius: 50px;
}
.plt-desktop ::-webkit-scrollbar {
  width: 5px;
}
.plt-desktop ::-webkit-scrollbar-track {
  background: var(--grey-00);
}
.plt-desktop ::-webkit-scrollbar-thumb {
  background: var(--grey-100);
  border-radius: 10px;
  cursor: pointer;
}
.plt-desktop ::-webkit-scrollbar-thumb:hover {
  background: var(--grey-100);
}

mat-icon {
  color: var(--mat-icon-color);
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  overflow: hidden;
}

.page-body[_ngcontent-ng-c3816252360] {
  max-height: calc(100% - 160px);
  overflow-y: auto;
  padding-bottom: 60px;
}
.page-body[_ngcontent-ng-c3816252360]
  .select-method-card[_ngcontent-ng-c3816252360] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--white-color);
  border-radius: 10px;
  padding: 10px;
  column-gap: 10px;
  row-gap: 10px;
}
.page-body[_ngcontent-ng-c3816252360]
  .select-method-card[_ngcontent-ng-c3816252360]
  .method-type[_ngcontent-ng-c3816252360] {
  background-color: var(--grey-50);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 10px;
  height: 100%;
  cursor: pointer;
}
.page-body[_ngcontent-ng-c3816252360]
  .select-method-card[_ngcontent-ng-c3816252360]
  .method-type.selected[_ngcontent-ng-c3816252360] {
  border: 1px solid var(--primary-color);
}
.page-body[_ngcontent-ng-c3816252360]
  .select-method-card[_ngcontent-ng-c3816252360]
  .method-type[_ngcontent-ng-c3816252360]
  .img-wrap[_ngcontent-ng-c3816252360] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
}
.page-body[_ngcontent-ng-c3816252360]
  .select-method-card[_ngcontent-ng-c3816252360]
  .method-type[_ngcontent-ng-c3816252360]
  .img-wrap[_ngcontent-ng-c3816252360]
  img[_ngcontent-ng-c3816252360] {
  width: 100%;
  max-height: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .select-method-card[_ngcontent-ng-c3816252360]
  .method-type[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360] {
  font-size: 10px;
  font-weight: 500;
  margin: 4px 0 0;
  text-wrap: nowrap;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360] {
  padding: 10px;
  background-color: var(--white-color);
  border-radius: 10px;
  margin-top: 15px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  h4[_ngcontent-ng-c3816252360] {
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid var(--grey-50);
  margin-bottom: 10px;
  padding-bottom: 8px;
  margin-top: 5px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  h4[_ngcontent-ng-c3816252360] {
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid var(--grey-50);
  margin-bottom: 10px;
  padding-bottom: 8px;
  margin-top: 5px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 10px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li.qr-img[_ngcontent-ng-c3816252360] {
  padding: 10px;
  border: 1px solid var(--grey-50);
  border-radius: 10px;
  justify-content: center;
  height: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li.qr-img[_ngcontent-ng-c3816252360]
  img[_ngcontent-ng-c3816252360] {
  width: 100%;
  max-width: 300px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  .qr-details[_ngcontent-ng-c3816252360] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-bottom: 5px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  .qr-details[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360] {
  border-radius: 8px;
  width: 100%;
  padding: 8px 10px;
  margin-top: 8px;
  background-color: var(--grey-00);
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.qr-code-payment[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  button[_ngcontent-ng-c3816252360] {
  color: var(--white-color) !important;
  text-transform: capitalize;
  font-size: 12px;
  padding: 8px 10px;
  width: 100%;
  margin-top: 4px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360] {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360] {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  > *[_ngcontent-ng-c3816252360]:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  > *[_ngcontent-ng-c3816252360]:last-child {
  justify-self: end;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  label[_ngcontent-ng-c3816252360] {
  font-size: 12px;
  font-weight: 600;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360] {
  margin: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360] {
  min-height: 120px;
  background-color: var(--white-color);
  margin-top: 10px;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid var(--grey-50);
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360] {
  width: 100%;
  height: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360]
  .upload-screenshot[_ngcontent-ng-c3816252360] {
  position: relative;
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360]
  .upload-screenshot[_ngcontent-ng-c3816252360]
  label[_ngcontent-ng-c3816252360] {
  width: 100%;
  height: 90px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360]
  .upload-screenshot[_ngcontent-ng-c3816252360]
  label[_ngcontent-ng-c3816252360]
  mat-icon[_ngcontent-ng-c3816252360] {
  color: var(--primary-color);
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360]
  .upload-screenshot[_ngcontent-ng-c3816252360]
  label[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360] {
  margin: 0;
  font-size: 12px;
}
.page-body[_ngcontent-ng-c3816252360] p.separator[_ngcontent-ng-c3816252360] {
  text-align: center;
  margin: 10px 0;
  font-size: 12px;
  font-family: open_semiBold;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360] {
  box-shadow: none;
  margin-top: 15px;
  border-radius: 10px;
  background-color: var(--white-color);
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360]
  .mat-expansion-panel-header[_ngcontent-ng-c3816252360] {
  height: 39px;
  font-size: 12px;
  font-family: open_semiBold;
  letter-spacing: normal;
  background-color: var(--white-color);
  padding: 0 14px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360]
  .mat-expansion-panel-header[_ngcontent-ng-c3816252360]
  .mat-expansion-indicator {
  position: absolute;
  right: 15px;
  height: 22px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360]
  .mat-expansion-panel-content
  .mat-expansion-panel-body {
  padding: 0 10px 10px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360]
  .mat-expansion-panel-content
  .mat-expansion-panel-body
  .panel-content
  .input-wrap {
  position: relative;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360]
  .mat-expansion-panel-content
  .mat-expansion-panel-body
  .panel-content
  .input-wrap
  input {
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid var(--grey-50);
  padding: 0 10px;
  font-size: 10px;
  width: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-confirm-panel[_ngcontent-ng-c3816252360]
  .mat-expansion-panel-content
  .mat-expansion-panel-body
  .panel-content
  button {
  height: 34px;
  margin-top: 14px;
}

.mat-expansion-panel {
  --mat-expansion-container-shape: 4px;
  box-sizing: content-box;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--mat-expansion-container-background-color);
  color: var(--mat-expansion-container-text-color);
  border-radius: var(--mat-expansion-container-shape);
}
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  font-family: var(--mat-expansion-container-text-font);
  font-size: var(--mat-expansion-container-text-size);
  font-weight: var(--mat-expansion-container-text-weight);
  line-height: var(--mat-expansion-container-text-line-height);
  letter-spacing: var(--mat-expansion-container-text-tracking);
}
.mat-expansion-panel-content[style*="visibility: hidden"] * {
  visibility: hidden !important;
}
.mat-expansion-panel-body {
  padding: 0 24px 16px;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  border-radius: inherit;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--mat-expansion-header-collapsed-state-height);
  font-family: var(--mat-expansion-header-text-font);
  font-size: var(--mat-expansion-header-text-size);
  font-weight: var(--mat-expansion-header-text-weight);
  line-height: var(--mat-expansion-header-text-line-height);
  letter-spacing: var(--mat-expansion-header-text-tracking);
}
.mat-expansion-panel-header.mat-expanded {
  height: var(--mat-expansion-header-expanded-state-height);
}
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  cursor: pointer;
}
.mat-expansion-panel:not(.mat-expanded)
  .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
  background: var(--mat-expansion-header-hover-state-layer-color);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded)
    .mat-expansion-panel-header:not([aria-disabled="true"]):hover {
    background: var(--mat-expansion-container-background-color);
  }
}
.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
  outline: none;
}
.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
  background: inherit;
}
.mat-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
.mat-expansion-panel-header-title {
  color: var(--mat-expansion-header-text-color);
}
.mat-expansion-panel-header-title {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 16px;
  align-items: center;
}
.mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  vertical-align: middle;
  color: var(--mat-expansion-header-indicator-color);
}

.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360] {
  padding: 10px;
  background-color: var(--white-color);
  border-radius: 10px;
  margin-top: 15px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details.upi-details-section[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  .list-left-side[_ngcontent-ng-c3816252360] {
  display: grid;
  justify-content: flex-start;
  align-items: center;
  grid-template-columns: 40px auto;
  column-gap: 6px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360] {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360] {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  > *[_ngcontent-ng-c3816252360]:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  > *[_ngcontent-ng-c3816252360]:first-child
  .pay-mode.img-wrap[_ngcontent-ng-c3816252360] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid var(--grey-50);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  > *[_ngcontent-ng-c3816252360]:first-child
  .pay-mode.img-wrap[_ngcontent-ng-c3816252360]
  img[_ngcontent-ng-c3816252360] {
  display: block;
  margin: auto;
  width: 100%;
  max-height: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  > *[_ngcontent-ng-c3816252360]:last-child {
  justify-self: end;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li.list-heading[_ngcontent-ng-c3816252360] {
  margin-bottom: 5px;
  border-bottom: 1px solid var(--grey-50);
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li.list-heading[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360] {
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-weight: 500;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  label[_ngcontent-ng-c3816252360] {
  font-size: 12px;
  font-weight: 600;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360] {
  margin: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360]
  a[_ngcontent-ng-c3816252360] {
  position: relative;
  cursor: pointer;
}
.page-body[_ngcontent-ng-c3816252360]
  .payment-type-details[_ngcontent-ng-c3816252360]
  ul[_ngcontent-ng-c3816252360]
  li[_ngcontent-ng-c3816252360]
  p[_ngcontent-ng-c3816252360]
  a[_ngcontent-ng-c3816252360]
  mat-icon[_ngcontent-ng-c3816252360] {
  color: var(--black-color);
  font-size: 18px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-header[_ngcontent-ng-c526813732] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
.modal-header[_ngcontent-ng-c526813732] .img-wrap[_ngcontent-ng-c526813732] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.modal-header[_ngcontent-ng-c526813732]
  .img-wrap[_ngcontent-ng-c526813732]
  img[_ngcontent-ng-c526813732] {
  width: 175px;
  max-height: 70px;
  height: auto;
  min-width: auto;
  object-fit: contain;
}
.modal-header[_ngcontent-ng-c526813732]
  .modal-close-btn[_ngcontent-ng-c526813732] {
  background: var(--primary-color-contrast) !important;
  color: var(--primary-color);
}
.modal-header[_ngcontent-ng-c526813732]
  .modal-close-btn[_ngcontent-ng-c526813732]
  mat-icon[_ngcontent-ng-c526813732] {
  color: var(--primary-color);
}
.modal-body[_ngcontent-ng-c526813732] h3[_ngcontent-ng-c526813732] {
  font-size: 18px;
  font-family: open_bold;
  margin: 0;
}
.modal-body[_ngcontent-ng-c526813732] p[_ngcontent-ng-c526813732] {
  font-size: 12px;
  margin: 0;
}
.modal-body[_ngcontent-ng-c526813732] .referral-code[_ngcontent-ng-c526813732] {
  background-color: var(--grey-00);
  border-radius: 6px;
  padding: 10px;
  position: relative;
  height: 45px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.modal-body[_ngcontent-ng-c526813732]
  .referral-code[_ngcontent-ng-c526813732]
  p[_ngcontent-ng-c526813732] {
  font-size: 14px;
  text-transform: uppercase;
}
.modal-body[_ngcontent-ng-c526813732]
  .referral-code[_ngcontent-ng-c526813732]
  button[_ngcontent-ng-c526813732] {
  position: absolute;
  right: 0;
  width: 30px;
  height: 45px;
  top: 0;
}
.modal-body[_ngcontent-ng-c526813732] .sharing[_ngcontent-ng-c526813732] {
  margin-top: 15px;
  padding: 10px 5px;
  background-color: var(--grey-00);
  border-radius: 10px;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732] {
  display: flex;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap[_ngcontent-ng-c526813732] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap.more[_ngcontent-ng-c526813732] {
  background-color: var(--header-dark-color);
  border-radius: 50%;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap[_ngcontent-ng-c526813732]
  img[_ngcontent-ng-c526813732] {
  width: 25px;
  height: 25px;
  display: block;
  margin: auto;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap[_ngcontent-ng-c526813732]
  mat-icon[_ngcontent-ng-c526813732] {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white-color);
  font-size: 20px;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  p[_ngcontent-ng-c526813732] {
  font-size: 10px !important;
  text-align: center;
}

.help-page-wrap[_ngcontent-ng-c1325205117] button[_ngcontent-ng-c1325205117] {
  min-height: 40px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-family: open_regular;
}
.help-page-wrap[_ngcontent-ng-c1325205117]
  button[_ngcontent-ng-c1325205117]
  img[_ngcontent-ng-c1325205117] {
  width: 24px;
  height: 24px;
}
*/ .modal-header[_ngcontent-ng-c526813732] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
.modal-header[_ngcontent-ng-c526813732] .img-wrap[_ngcontent-ng-c526813732] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.modal-header[_ngcontent-ng-c526813732]
  .img-wrap[_ngcontent-ng-c526813732]
  img[_ngcontent-ng-c526813732] {
  width: 175px;
  max-height: 70px;
  height: auto;
  min-width: auto;
  object-fit: contain;
}
.modal-header[_ngcontent-ng-c526813732]
  .modal-close-btn[_ngcontent-ng-c526813732] {
  background: var(--primary-color-contrast) !important;
  color: var(--primary-color);
}
.modal-header[_ngcontent-ng-c526813732]
  .modal-close-btn[_ngcontent-ng-c526813732]
  mat-icon[_ngcontent-ng-c526813732] {
  color: var(--primary-color);
}
.modal-body[_ngcontent-ng-c526813732] h3[_ngcontent-ng-c526813732] {
  font-size: 18px;
  font-family: open_bold;
  margin: 0;
}
.modal-body[_ngcontent-ng-c526813732] p[_ngcontent-ng-c526813732] {
  font-size: 12px;
  margin: 0;
}
.modal-body[_ngcontent-ng-c526813732] .referral-code[_ngcontent-ng-c526813732] {
  background-color: var(--grey-00);
  border-radius: 6px;
  padding: 10px;
  position: relative;
  height: 45px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.modal-body[_ngcontent-ng-c526813732]
  .referral-code[_ngcontent-ng-c526813732]
  p[_ngcontent-ng-c526813732] {
  font-size: 14px;
  text-transform: uppercase;
}
.modal-body[_ngcontent-ng-c526813732]
  .referral-code[_ngcontent-ng-c526813732]
  button[_ngcontent-ng-c526813732] {
  position: absolute;
  right: 0;
  width: 30px;
  height: 45px;
  top: 0;
}
.modal-body[_ngcontent-ng-c526813732] .sharing[_ngcontent-ng-c526813732] {
  margin-top: 15px;
  padding: 10px 5px;
  background-color: var(--grey-00);
  border-radius: 10px;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732] {
  display: flex;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap[_ngcontent-ng-c526813732] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap.more[_ngcontent-ng-c526813732] {
  background-color: var(--header-dark-color);
  border-radius: 50%;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap[_ngcontent-ng-c526813732]
  img[_ngcontent-ng-c526813732] {
  width: 25px;
  height: 25px;
  display: block;
  margin: auto;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  .icon-wrap[_ngcontent-ng-c526813732]
  mat-icon[_ngcontent-ng-c526813732] {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white-color);
  font-size: 20px;
}
.modal-body[_ngcontent-ng-c526813732]
  .sharing[_ngcontent-ng-c526813732]
  .icon-list[_ngcontent-ng-c526813732]
  .icon-item[_ngcontent-ng-c526813732]
  p[_ngcontent-ng-c526813732] {
  font-size: 10px !important;
  text-align: center;
}

.asb-flex,
.asb-flex-cc,
.asb-flex-col,
.asb-flex-ec,
.asb-flex-sc {
  display: flex;
  flex-wrap: nowrap;
}
.asb-flex-col {
  flex-direction: column;
}
.asb-flex-cc {
  align-items: center;
  justify-content: center;
}
.asb-flex-sc {
  align-items: center;
  justify-content: flex-start;
}
.asb-flex-ec {
  align-items: center;
  justify-content: flex-end;
}
.asb-pos-stretch,
.asb-pos-wide {
  flex-grow: 1;
  flex-wrap: nowrap;
  overflow: hidden;
  font-size: 11px;
}
.asb-pos-tall {
  align-self: stretch;
  flex-wrap: nowrap;
  overflow: hidden;
}
.asb-pos-stretch {
  align-self: stretch;
}
.asb-nowrap {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.asb-cut {
  overflow: hidden;
}
.asb-uncut {
  overflow: visible;
}
.asb-scrollable {
  justify-content: stretch;
  overflow: auto;
}
.asb-unshrink {
  flex-shrink: 0;
}
.asb-shrink {
  flex-shrink: 1;
}
.asb-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-family: open_bold;
}
.asb-full-width {
  width: 100%;
}

._asb_application-optimized ._asb_event-details-markets-group {
  transform: translateZ(0);
}
._asb_price-block-content {
  background: #1a192a;
  border: 1px solid #1c1c1c;
  border-radius: 3px;
  color: #fff;
  padding: 12px 10px;
}
._asb_price-block-content-label {
  flex-grow: 1;
}
._asb_price-block {
  font-size: 10px;
  margin: 0 4px;
}
._asb_price-block-content-price {
  font-weight: 700;
  font-size: 12px;
  font-family: open_bold;
}
._asb_prices-column {
  margin: 0 4px;
}
._asb_prices-column:first-child {
  margin-left: 0;
}
._asb_prices-column:last-child {
  margin-right: 0;
}
._asb_prices-column-item {
  margin: 4px 0;
}
._asb_prices-column-item:first-child {
  margin-top: 0;
}
._asb_prices-column-item:last-child {
  margin-bottom: 0;
}
._asb_event-details-market--prices-columns {
  padding: 8px 8px 0;
}
._asb_event-details-market--prices-columns:last-child {
  padding-bottom: 8px;
}
._asb_event-details-markets-group {
  margin-top: 9px;
}
._asb_event-details-markets--favorite-market-indicator {
  align-self: flex-start;
}
._asb_content-scroller-arrow {
  background-color: rgba(28, 28, 28, 0.5);
  min-width: 23px;
  width: 23px;
}
._asb_ui-spacer {
  display: inline-block;
  height: 9px;
  min-height: 9px;
  min-width: 9px;
  width: 9px;
}
._asb_simple-button {
  color: inherit;
  text-decoration: none;
}
._asb_simple-button-container-block {
  display: inherit;
}
._asb_simple-button-pointer {
  cursor: pointer;
}
._asb_content-scroller-arrow {
  height: 100%;
  top: 0;
  z-index: 1;
}
._asb_content-scroller-arrow-icon {
  font-size: 150%;
}
._asb_toggle-switch {
  height: 15px;
  min-height: 15px;
  min-width: 33px;
  width: 33px;
}
._asb_toggle-switch-wrapper {
  padding: 10px 6px;
}
._asb_toggle-switch-input {
  height: 0;
  min-height: 0;
  min-width: 0;
  opacity: 0;
  width: 0;
}
._asb_toggle-switch-slider {
  background: #464646;
  border-radius: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
._asb_toggle-switch-slider:before {
  background: #afafaf;
  border-radius: 50%;
  bottom: 1px;
  content: "";
  height: 13px;
  left: 1px;
  min-height: 13px;
  min-width: 13px;
  transition: 0.4s;
  width: 13px;
}
._asb_toggle-switch-label {
  color: inherit;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  padding: 0 9px;
}
@media (min-width: 1025px), (pointer: fine) {
  ._asb_application ::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 0;
  }
  ._asb_application ::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  ._asb_application ::-webkit-scrollbar-thumb {
    background-color: #1a192a;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 40px;
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  ._asb_application ::-webkit-scrollbar-thumb:hover {
    background-color: #1a192a;
    border-radius: 4px;
    height: 40px;
  }
}
._asb_application * {
  box-sizing: border-box;
}
._asb_expansion-panel {
  background: #292738;
  color: #fff;
}
._asb_expansion-panel-header {
  background: #292738;
  border-bottom: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  padding: 7px 8px;
}
._asb_expansion-panel-content {
  background: #1c1c1c;
  color: #fff;
}
._asb_event-details-market--expansion-panel-title {
  font-weight: 700;
}
._asb_event-details-market ._asb_ui-icon---star {
  font-size: 10px;
}
._asb_event-details-markets-group ._asb_event-details-market {
  margin-bottom: 5px;
}
._asb_event-details-markets-group
  ._asb_event-details-market
  ._asb_expansion-panel-header {
  background: #f6f8fb;
  border-bottom: 1px solid #f6f8fb;
  color: #1a192a;
  padding: 9px;
}
._asb_event-details-markets-group
  ._asb_event-details-market--favorite-market-indicator {
  color: #828a9a;
}
._asb_event-details-markets-group ._asb_event-details-market--prices-columns {
  background: #f6f8fb;
}
._asb_event-details-markets-group-single-bet ._asb_toggle-switch-wrapper {
  padding: 6px 10px 10px;
}
._asb_items-tabs-tab {
  font-weight: 700;
  padding: 9px;
  text-transform: uppercase;
}
._asb_items-tabs-tab-empty {
  min-width: 0;
  padding: 0;
}
._asb_items-tabs-indicator {
  bottom: 0;
  height: 1px;
  left: 0;
  width: 100%;
}
._asb_items-tabs-indicator-selected {
  height: 3px;
  z-index: 1;
}
._asb_items-tabs-tab {
  background: #292738;
  color: #828a9a;
}
._asb_items-tabs-tab--simple-button-selected {
  color: #54a0ff;
}
._asb_items-tabs-indicator {
  background: hsla(220, 5%, 55%, 0.2);
}
._asb_items-tabs-indicator-selected {
  background: #54a0ff;
}
._asb_price-block {
  font-size: 10px;
  margin: 0 4px;
}
._asb_price-block-content {
  background: #e5e9ed;
  border-color: #e5e9ed;
  border-radius: 8px;
  color: #1a192a;
}
._asb_price-block-content-label {
  color: #1a192a;
  font-size: 10px;
}
._asb_price-block:first-child {
  margin-left: 0;
}
._asb_price-block:last-child {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  ._asb_price-block-content:hover ._asb_price-block-content-label {
    color: #1a192a;
  }
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
  ._asb_price-block-content:hover {
    background: #ba3c83;
    border-color: #ba3c83;
    color: #1a192a;
  }
}
._asb_application ._asb_price-block-content,
._asb_application ._asb_simple-button {
  position: relative;
}
._asb_application ._asb_content-scroller {
  position: relative;
}
._asb_application ._asb_content-scroller-arrow {
  position: absolute;
}
._asb_application ._asb_items-tabs-header,
._asb_application ._asb_items-tabs-tab {
  position: relative;
}
._asb_application ._asb_items-tabs-indicator {
  position: absolute;
}
._asb_application ._asb_toggle-switch-slider,
._asb_application ._asb_toggle-switch-slider:before {
  position: absolute;
}
._asb_event-details-markets {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
._asb_event-details-markets ._asb_expansion-panel-content {
  background: #f6f8fb;
}
._asb_event-details-markets-group {
  background: #fff;
  border-radius: 8px;
  margin-top: 24px;
}
._asb_event-details-markets-group ._asb_toggle-switch-label {
  color: #1a192a;
}
._asb_event-details-markets-group ._asb_event-details-market {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
._asb_event-details-markets ._asb_items-tabs-tab {
  background: #fff;
}
._asb_event-details-markets ._asb_items-tabs-indicator {
  background: #f6f6f4;
}
._asb_event-details-markets ._asb_items-tabs-indicator-selected {
  background: #54a0ff;
}
._asb_application ._asb_ui-icon---star {
  color: #828a9a;
}
._asb_application ._asb_ui-icon---star:before {
  content: "\e835";
}
._asb_items-tabs-tab {
  text-transform: unset;
}
._asb_application:not(._asb_application-mobile)
  ._asb_page-column-center
  ._asb_items-tabs-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
._asb_event-details-market--expansion-panel-title {
  text-transform: uppercase;
}

.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360] {
  width: 100%;
  height: 100%;
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360]
  .upload-screenshot[_ngcontent-ng-c3816252360] {
  position: relative;
}
.page-body[_ngcontent-ng-c3816252360]
  .upload-screenshot-wrap[_ngcontent-ng-c3816252360]
  .screenshot-wrapper[_ngcontent-ng-c3816252360]
  .upload-screenshot[_ngcontent-ng-c3816252360]
  label[_ngcontent-ng-c3816252360] {
  width: 100%;
  height: 90px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.image-container[_ngcontent-ng-c3816252360] {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-container[_ngcontent-ng-c3816252360] a[_ngcontent-ng-c3816252360] {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: var(--red-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.image-container[_ngcontent-ng-c3816252360]
  a[_ngcontent-ng-c3816252360]
  mat-icon[_ngcontent-ng-c3816252360] {
  color: var(--white-color) !important;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fit-image[_ngcontent-ng-c3816252360] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._asb_price-block-content-label {
  color: #636363;
  font-size: 10px;
}

._asb_items-tabs-tab--simple-button-selected {
  color: var(--secondary-color);
}

@media only screen and (min-width: 360px) {
  .banner[_ngcontent-jfw-c112] {
    height: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .mobileMarginBottom {
    margin-bottom: 75px;
  }
}