.page-header {
  margin-bottom: 10px;
  min-height: 45px
}

.id-info-wrap {
  background: var(--grey-75);
  border-radius: 8px;
  padding: 10px 0
}

.id-info-wrap .acc-details {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: revert;
  column-gap: 10px;
  padding: 0 10px
}

.id-info-wrap .acc-details .site-icon {
  display: flex;
  align-items: center
}

.id-info-wrap .acc-details .site-icon .img-wrap {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.id-info-wrap .acc-details .site-icon .img-wrap img {
  min-width: 50px;
  min-height: 50px;
  border-radius: 8px;
  border: 1px solid var(--grey-label-color)
}

.id-info-wrap .acc-details .site-detail-cont {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%
}

.id-info-wrap .acc-details .site-detail-cont h1 {
  margin: 0;

  text-transform: uppercase;
  font-size: 12px;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

.id-info-wrap .acc-details .site-detail-cont p {
  margin: 0;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: lowercase
}

.id-info-wrap .creds-wrapper {
  margin: 10px 0
}

.id-info-wrap .creds-wrapper .creds-info {
  padding: 5px 10px;
  margin: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: relative
}

.id-info-wrap .creds-wrapper .creds-info mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px
}

.id-info-wrap .creds-wrapper .creds-info mat-icon.copy-icon {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%)
}

.id-info-wrap .data-time {
  margin: 10px 0 0;
  line-height: normal;
  font-size: 12px;
  width: 100%;
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: var(--grey-100);
  border-radius: 0 0 8px 8px
}

.create-panel-card {
  background-color: var(--grey-75);
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px
}

.create-panel-card .coins-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 10px
}

.create-panel-card .coins-wrap .form-wrap {
  margin-top: 0;
  width: 100%
}

.create-panel-card .coins-wrap .form-wrap .filter-col mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  width: 100%
}

.create-panel-card .form-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 15px
}

.create-panel-card .form-wrap:first-child {
  margin-top: 0
}

.create-panel-card .form-wrap .input-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative
}

.create-panel-card .form-wrap .input-wrap .pass-eye-icon {
  position: absolute;
  right: 10px;
  top: 28px;
  font-size: 18px;
  opacity: .75;
  display: flex;
  align-items: center;
  justify-content: center
}

.create-panel-card .form-wrap .input-wrap mat-form-field .mat-mdc-text-field-wrapper {
  background: var(--grey-00);
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  padding: 0 10px
}

.create-panel-card .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
}

.create-panel-card .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%
}

.create-panel-card .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%
}

.create-panel-card .form-wrap .input-wrap mat-form-field .mat-mdc-text-field-wrapper mat-select {
  max-width: calc(100% - 28px);
  display: flex
}

.create-panel-card .form-wrap .input-wrap mat-form-field .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-arrow-wrapper {
  margin-left: 4px
}

.create-panel-card .form-wrap .input-wrap mat-form-field .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value {
  display: none
}

.create-panel-card .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
}

.create-panel-card .form-wrap .input-wrap mat-form-field .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-trigger {
  justify-content: flex-end
}

.create-panel-card .form-wrap .input-wrap mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none
}

.create-panel-card .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
}

.create-panel-card .form-wrap .input-wrap mat-form-field.select-menu {
  min-width: 100%;
  width: 100%;
  position: relative
}

.create-panel-card .form-wrap .input-wrap mat-form-field.select-menu .mat-mdc-text-field-wrapper {
  border-radius: 10px;
  position: relative;
  padding: 0 8px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button {
  width: 100%;
  border: 1px solid var(--grey-100);
  max-width: 195px;
  border-radius: 20px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button .mdc-form-field {
  position: relative;
  width: 100%
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button .mdc-form-field .mdc-radio {
  padding: 5px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--grey-100);
  border-width: 1px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--grey-100)
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button .mdc-form-field .mdc-label {
  color: var(--white-color);
  font-size: 11px;

  font-weight: unset;
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 35px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button.mat-mdc-radio-checked {
  border: 1px solid var(--secondary-color);
  max-width: 195px;
  border-radius: 20px
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button.mat-mdc-radio-checked .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--secondary-color)
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button.mat-mdc-radio-checked .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--secondary-color)
}

.create-panel-card .form-wrap.radio-btn mat-radio-group mat-radio-button.mat-mdc-radio-checked .mdc-form-field .mdc-label {
  color: var(--secondary-color)
}

.create-panel-card .form-wrap label {
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 7px;
  color: var(--white-color)
}

.create-panel-card .form-wrap input {
  min-height: 40px;
  border-radius: 10px;
  border: none;
  background: var(--grey-00);
  padding: 0 10px;
  font-size: 12px;
  color: var(--white-color);
  letter-spacing: .8px;
  font-family: open_light
}

.create-panel-card .form-wrap .note-message {
  margin: 5px 0 0;
  font-size: 10px;
  opacity: .8;
  color: var(--white-color)
}

.create-panel-card .form-wrap .note-message.info-text {
  color: var(--secondary-color)
}

.filter-col {
  max-width: 100%
}

.filter-col .mat-form-field {
  max-width: 100%
}

.filter-col .mat-form-field .mat-form-field-wrapper {
  padding: 0
}

.filter-col .mat-form-field .mat-form-field-wrapper mat-label {
  font-weight: 500;
  font-size: 10px
}

.filter-col .mat-form-field .mat-form-field-wrapper mat-select {
  color: var(--white-color)
}

.filter-col .mat-form-field .mat-form-field-wrapper mat-select .mat-mdc-select-trigger {
  color: var(--white-color)
}

.filter-col .mat-form-field .mat-form-field-wrapper mat-select .mat-select-value {
  font-size: .75rem
}

.filter-col .mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none
}

.filter-col .mat-form-field .mat-form-field-flex {
  padding-top: 0 !important
}

.filter-col .mat-form-field .mat-form-field-infix {
  padding-bottom: 0 !important
}

.filter-col mat-form-field {
  max-width: 100%;
  font-size: 10px
}

.filter-col mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0 8px;
  border: transparent;
  border-radius: 10px;
  font-size: 10px;
  color: var(--white-color);
  background-color: var(--grey-00);
  line-height: 40px
}

.filter-col mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none
}

.filter-col mat-form-field .mat-mdc-form-field-bottom-align {
  display: none
}

.filter-col mat-form-field .mat-mdc-form-field-bottom-align:before {
  height: auto
}

.filter-match.mat-mdc-select-panel {
  background: var(--black-color)
}

.filter-match.mat-mdc-select-panel .game-option {
  min-height: 25px;
  font-size: 10px;
  background: var(--black-color)
}

.filter-match.mat-mdc-select-panel .game-option .mdc-list-item__primary-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.filter-match.mat-mdc-select-panel .game-option .mat-pseudo-checkbox {
  visibility: hidden
}

.filter-match.mat-mdc-select-panel .game-option:focus.mdc-list-item,
.filter-match.mat-mdc-select-panel .game-option.mat-mdc-option-active.mdc-list-item {
  background: var(--grey-00)
}

.filter-list {
  background-color: var(--grey-00);
  border-radius: 8px;
  padding: 10px;
  margin-top: 20px
}

.filter-list .accordion-container .accordion-heading {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.filter-list .accordion-container .accordion-heading h1 {
  font-size: 14px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  color: var(--white-color);
  margin: 0;
  padding-right: 28px;

}

.filter-list .accordion-container .accordion-heading h1 mat-icon {
  font-size: 18px;
  min-width: auto;
  min-height: auto;
  height: auto;
  width: auto
}

.filter-list .accordion-container .accordion-heading .aw-down {
  color: var(--white-color);
  font-size: 25px
}

.filter-list .accordion-container .rate-list ul {
  margin: 0;
  padding-left: 0;
  background-color: var(--grey-00)
}

.filter-list .accordion-container .rate-list ul.list-heading {
  padding: 8px;
  background-color: transparent
}

.filter-list .accordion-container .rate-list ul.list-body {
  background-color: var(--grey-50);
  border-radius: 8px;
  padding: 8px
}

.filter-list .accordion-container .rate-list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  padding: 8px;
  border-bottom: .55px solid var(--grey-100)
}

.filter-list .accordion-container .rate-list ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.filter-list .accordion-container .rate-list ul li:first-child {
  padding-top: 0
}

.filter-list .accordion-container .rate-list ul li label {
  color: var(--white-color);
  opacity: .8;
  font-size: 10px;
  margin: 0
}

.filter-list .accordion-container .rate-list ul li p {
  color: var(--white-color);
  font-size: 10px;
  margin: 0
}

.sc-heading {
  font-size: 14px;
  margin: 0 0 15px !important;
  color: var(--white-color);

}

.amt-total {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-top: 20px
}

.amt-total .offer-price .total-amt {
  margin-bottom: 15px
}

.amt-total .offer-price .total-amt h3 {
  font-size: 14px;
  margin: 0;
  color: var(--white-color);

}

.amt-total .offer-price .after-discount {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-bottom: 5px
}

.amt-total .offer-price .after-discount p {
  font-size: 22px;
  color: var(--white-color);

  padding-left: 0;
  margin: 0
}

.amt-total .offer-price .after-discount p.inwords-val {
  text-transform: capitalize;
  font-size: 10px;
  margin-top: 3px;
  margin-bottom: 0
}

.page-footer .create-panales-footer {
  display: flex;
  flex-direction: row;
  padding: 10px;
  column-gap: 10px;
  background-color: var(--grey-00)
}


.mdc-radio {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  cursor: pointer;
  will-change: opacity, transform, border-color, color
}

.mdc-radio[hidden] {
  display: none
}

.mdc-radio__background {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 20px
}

.mdc-radio__background::before {
  position: absolute;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-radio__outer-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-radio__inner-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transform: scale(0, 0);
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
  transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-radio__native-control {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1
}

.mdc-radio--touch {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 4px
}

.mdc-radio--touch .mdc-radio__native-control {
  top: calc((40px - 48px) / 2);
  right: calc((40px - 48px) / 2);
  left: calc((40px - 48px) / 2);
  width: 48px;
  height: 48px
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,
.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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: 100%;
  width: 100%
}

@media screen and (forced-colors: active) {

  .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,
  .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring {
    border-color: CanvasText
  }
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,
.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,
  .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after {
    border-color: CanvasText
  }
}

.mdc-radio__native-control:checked+.mdc-radio__background,
.mdc-radio__native-control:disabled+.mdc-radio__background {
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
  transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-radio--disabled {
  cursor: default;
  pointer-events: none
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
  transform: scale(0.5);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-radio__native-control:disabled+.mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
  cursor: default
}

.mdc-radio__native-control:focus+.mdc-radio__background::before {
  transform: scale(1);
  opacity: .12;
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-form-field {
  display: inline-flex;
  align-items: center;
  vertical-align: middle
}

.mdc-form-field[hidden] {
  display: none
}

.mdc-form-field>label {
  margin-left: 0;
  margin-right: auto;
  padding-left: 4px;
  padding-right: 0;
  order: 0
}

[dir=rtl] .mdc-form-field>label,
.mdc-form-field>label[dir=rtl] {
  margin-left: auto;
  margin-right: 0
}

[dir=rtl] .mdc-form-field>label,
.mdc-form-field>label[dir=rtl] {
  padding-left: 0;
  padding-right: 4px
}

.mdc-form-field--nowrap>label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.mdc-form-field--align-end>label {
  margin-left: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 4px;
  order: -1
}

[dir=rtl] .mdc-form-field--align-end>label,
.mdc-form-field--align-end>label[dir=rtl] {
  margin-left: 0;
  margin-right: auto
}

[dir=rtl] .mdc-form-field--align-end>label,
.mdc-form-field--align-end>label[dir=rtl] {
  padding-left: 4px;
  padding-right: 0
}

.mdc-form-field--space-between {
  justify-content: space-between
}

.mdc-form-field--space-between>label {
  margin: 0
}

[dir=rtl] .mdc-form-field--space-between>label,
.mdc-form-field--space-between>label[dir=rtl] {
  margin: 0
}

.mat-mdc-radio-button {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-radio-button .mdc-radio {
  padding: calc((var(--mdc-radio-state-layer-size) - 20px) / 2)
}

.mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-disabled-selected-icon-color)
}

.mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mdc-radio-disabled-selected-icon-color)
}

.mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  opacity: var(--mdc-radio-disabled-selected-icon-opacity)
}

.mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
  opacity: var(--mdc-radio-disabled-selected-icon-opacity)
}

.mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-disabled-unselected-icon-color)
}

.mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  opacity: var(--mdc-radio-disabled-unselected-icon-opacity)
}

.mat-mdc-radio-button .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-selected-focus-icon-color)
}

.mat-mdc-radio-button .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-button .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mdc-radio-selected-focus-icon-color)
}

.mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-selected-hover-icon-color)
}

.mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mdc-radio-selected-hover-icon-color)
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-selected-icon-color)
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mdc-radio-selected-icon-color)
}

.mat-mdc-radio-button .mdc-radio:not(:disabled):active .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-selected-pressed-icon-color)
}

.mat-mdc-radio-button .mdc-radio:not(:disabled):active .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mdc-radio-selected-pressed-icon-color)
}

.mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-unselected-hover-icon-color)
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-unselected-icon-color)
}

.mat-mdc-radio-button .mdc-radio:not(:disabled):active .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-unselected-pressed-icon-color)
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  top: calc(-1 * (var(--mdc-radio-state-layer-size) - 20px) / 2);
  left: calc(-1 * (var(--mdc-radio-state-layer-size) - 20px) / 2);
  width: var(--mdc-radio-state-layer-size);
  height: var(--mdc-radio-state-layer-size)
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
  top: calc((var(--mdc-radio-state-layer-size) - var(--mdc-radio-state-layer-size)) / 2);
  right: calc((var(--mdc-radio-state-layer-size) - var(--mdc-radio-state-layer-size)) / 2);
  left: calc((var(--mdc-radio-state-layer-size) - var(--mdc-radio-state-layer-size)) / 2);
  width: var(--mdc-radio-state-layer-size);
  height: var(--mdc-radio-state-layer-size)
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  background-color: var(--mat-radio-ripple-color)
}

.mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background::before {
  opacity: .04;
  transform: scale(1)
}

.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background-color: var(--mat-radio-checked-ripple-color)
}

.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element {
  background-color: var(--mat-radio-checked-ripple-color)
}

.mat-mdc-radio-button .mdc-radio--disabled+label {
  color: var(--mat-radio-disabled-label-color)
}

.mat-mdc-radio-button .mat-radio-ripple {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: 50%
}

.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
  opacity: .14
}

.mat-mdc-radio-button .mat-radio-ripple::before {
  border-radius: 50%
}

.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__background::before,
.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__outer-circle,
.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__inner-circle {
  transition: none !important
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:focus:enabled:not(:checked)~.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-radio-unselected-focus-icon-color, black)
}

.mat-mdc-radio-button.cdk-focused .mat-mdc-focus-indicator::before {
  content: ""
}

.mat-mdc-radio-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%)
}

[dir=rtl] .mat-mdc-radio-touch-target {
  left: 0;
  right: 50%;
  transform: translate(50%, -50%)
}


.mat-pseudo-checkbox {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox::after {
  position: absolute;
  opacity: 0;
  content: "";
  border-bottom: 2px solid currentColor;
  transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox._mat-animation-noopable {
  transition: none !important;
  animation: none !important
}

.mat-pseudo-checkbox._mat-animation-noopable::after {
  transition: none
}

.mat-pseudo-checkbox-disabled {
  cursor: default
}

.mat-pseudo-checkbox-indeterminate::after {
  left: 1px;
  opacity: 1;
  border-radius: 2px
}

.mat-pseudo-checkbox-checked::after {
  left: 1px;
  border-left: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: 1;
  box-sizing: content-box
}

.mat-pseudo-checkbox-full {
  border: 2px solid
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
  border-color: rgba(0, 0, 0, 0)
}

.mat-pseudo-checkbox {
  width: 18px;
  height: 18px
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  width: 14px;
  height: 6px;
  transform-origin: center;
  top: -4.2426406871px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  top: 8px;
  width: 16px
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  width: 10px;
  height: 4px;
  transform-origin: center;
  top: -2.8284271247px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
  top: 6px;
  width: 12px
}


.page-header[_ngcontent-ng-c2524505917] {
  margin-bottom: 0
}

.container[_ngcontent-ng-c2524505917]:has(.demoid-marquee) .page-body[_ngcontent-ng-c2524505917] {
  max-height: calc(100% - 150px)
}

.page-body[_ngcontent-ng-c2524505917] {
  max-height: calc(100% - 120px);
  overflow-y: auto
}

.page-footer[_ngcontent-ng-c2524505917] {
  padding: 10px;
  background-color: var(--grey-00)
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] {
  margin-bottom: 10px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917]:last-child,
.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917]:only-child {
  margin-bottom: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] h1[_ngcontent-ng-c2524505917] {
  color: var(--white-color);
  font-size: 14px;

  margin: 0;
  text-transform: capitalize
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] button[_ngcontent-ng-c2524505917] {
  font-size: 10px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] button.clear-btn[_ngcontent-ng-c2524505917] {
  color: var(--red-color)
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .cart-head[_ngcontent-ng-c2524505917] .rt-s[_ngcontent-ng-c2524505917] button.create-btn[_ngcontent-ng-c2524505917] {
  max-width: 100px;
  background: var(--secondary-color);
  color: var(--secondary-color-contrast);
  padding: 0 6px;
  height: 25px;
  min-width: auto;
  border-radius: 5px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] {
  background-color: var(--grey-75);
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917]:last-child,
.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917]:only-child {
  margin-bottom: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: .55px solid var(--grey-100);
  padding-bottom: 10px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] img[_ngcontent-ng-c2524505917] {
  max-width: 35px;
  border-radius: 50%;
  margin-right: 10px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] .prod-info[_ngcontent-ng-c2524505917] h2[_ngcontent-ng-c2524505917] {
  font-size: 12px;

  color: var(--white-color);
  margin: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-ls[_ngcontent-ng-c2524505917] .prod-info[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
  font-size: 10px;
  color: var(--white-color);
  opacity: .8;
  margin: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-rs[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: center;
  text-align: right;
  align-content: flex-end;
  flex-direction: column
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-rs[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
  font-size: 10px;

  color: var(--white-color);
  opacity: .7
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .card-header[_ngcontent-ng-c2524505917] .card-rs[_ngcontent-ng-c2524505917] p.amt[_ngcontent-ng-c2524505917] {
  font-size: 14px;

  margin: 0 0 0 5px;
  color: var(--secondary-color)
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] {
  padding: 10px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
  color: var(--white-color);
  font-size: 10px;
  font-family: open_light
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: flex-start;
  column-gap: 5px;
  align-items: center;
  font-size: 10px;

  margin: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .coins-rate[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] span.currency-type[_ngcontent-ng-c2524505917] {
  background-color: var(--secondary-color);
  color: var(--secondary-color-contrast);
  padding: 1px 5px;
  border-radius: 4px;

}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .date-time[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-ls[_ngcontent-ng-c2524505917] .date-time[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] mat-icon[_ngcontent-ng-c2524505917] {
  font-size: 18px;
  min-width: auto;
  min-height: auto
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] button[_ngcontent-ng-c2524505917] {
  max-width: unset;
  color: var(--white-color);
  padding: 0 6px;
  height: 25px;
  min-width: auto;
  border-radius: 5px;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: open_light
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] button.arrow-btn[_ngcontent-ng-c2524505917] {
  border-radius: 50%;
  min-width: 25px;
  width: 25px;
  height: 25px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-header[_ngcontent-ng-c2524505917] .acc-rs[_ngcontent-ng-c2524505917] .acc-btn[_ngcontent-ng-c2524505917] button.arrow-btn[_ngcontent-ng-c2524505917] mat-icon[_ngcontent-ng-c2524505917] {
  font-size: 18px;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  margin-right: 0;
  margin-left: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] {
  background-color: var(--grey-50);
  border-radius: 8px
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] {
  display: flex;
  justify-content: space-between;
  list-style: none;
  align-items: center;
  padding: 10px 15px;
  margin-bottom: 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] {
  list-style: none;
  display: flex;
  flex-direction: column
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
  font-size: 10px;
  color: var(--white-color);
  opacity: .8
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .rate-info[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
  font-size: 12px;
  margin: 0;
  color: var(--white-color)
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] {
  margin: 0;
  list-style: none;
  padding: 10px 15px 0
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  font-size: 10px;
  opacity: .7
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] label[_ngcontent-ng-c2524505917] {
  color: var(--white-color)
}

.cart-page[_ngcontent-ng-c2524505917] .cart-wrap[_ngcontent-ng-c2524505917] .card-wrap[_ngcontent-ng-c2524505917] .acc-body[_ngcontent-ng-c2524505917] .info-cont[_ngcontent-ng-c2524505917] ul[_ngcontent-ng-c2524505917] li[_ngcontent-ng-c2524505917] p[_ngcontent-ng-c2524505917] {
  margin: 0;
  color: var(--white-color)
}

.site-not-listed[_ngcontent-ng-c2524505917] {
  height: calc(100% - 169px);
  margin: 60px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%
}

.site-not-listed[_ngcontent-ng-c2524505917] mat-icon[_ngcontent-ng-c2524505917] {
  font-size: 40px;
  color: var(--grey-100);
  width: auto;
  height: auto;
  opacity: .7
}

.site-not-listed[_ngcontent-ng-c2524505917] h3[_ngcontent-ng-c2524505917] {

  font-size: 14px;
  color: var(--grey-300);
  display: flex;
  justify-content: center;
  align-items: center
}

.site-not-listed[_ngcontent-ng-c2524505917] h3[_ngcontent-ng-c2524505917] img[_ngcontent-ng-c2524505917] {
  width: 18px;
  margin-top: 3px;
  margin-left: 10px
}


.skeleton-img[_ngcontent-ng-c1308154342] {
  height: 100%;
  opacity: 1;
  background-size: contain;
  background-repeat: repeat;
  background: #1c1c1c
}

.skeleton-img[_ngcontent-ng-c1308154342]:after {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  background-size: 100vw auto;
  height: 100%;
  animation: _ngcontent-ng-c1308154342_shimmer 3s reverse infinite linear;
  content: ""
}

@keyframes _ngcontent-ng-c1308154342_shimmer {
  to {
    background-position: -100vw 80%
  }
}

.fullpage-skeleton[_ngcontent-ng-c1308154342] {
  height: calc(var(--vh, 1vh) * 100)
}

.main[_ngcontent-ng-c1308154342] {
  position: absolute;
  width: 100%;
  margin: auto;
  top: 44px;
  z-index: 10000;
  left: 50%;
  transform: translate(-50%);
  max-height: calc(var(--vh, 1vh) * 100 - 101px)
}

.main[_ngcontent-ng-c1308154342] .container[_ngcontent-ng-c1308154342] {
  height: 100%
}

.page-header[_ngcontent-ng-c1308154342] {
  min-height: 55px;
  background: var(--black-color);
  margin: 0
}

.page-header[_ngcontent-ng-c1308154342] .header-wrapper[_ngcontent-ng-c1308154342] {
  height: 55px
}

.page-body[_ngcontent-ng-c1308154342] {
  padding: 10px
}

.page-body[_ngcontent-ng-c1308154342] .topbox[_ngcontent-ng-c1308154342] {
  width: 100%;
  margin: auto;
  height: 120px;
  border-radius: 10px
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] {
  list-style: none;
  padding: 0
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] {
  display: flex;
  width: 100%;
  align-items: center;
  column-gap: 10px;
  margin: 10px 0
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .img[_ngcontent-ng-c1308154342] {
  width: 50px;
  height: 50px;
  min-width: 50px
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .content[_ngcontent-ng-c1308154342] {
  width: 100%
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
  height: 14px;
  width: 100%
}

.page-footer[_ngcontent-ng-c1308154342] {
  height: 45px;
  border-radius: 20px 20px 0 0;
  padding: 6px 0;
  background: var(--footer-grey-color);
  margin: 0
}

.sl-item[_ngcontent-ng-c1308154342] {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin: 10px 0 5px
}

.sl-item[_ngcontent-ng-c1308154342] .sl-img[_ngcontent-ng-c1308154342] {
  min-width: 35px;
  height: 35px;
  border-radius: 50%
}

.sl-item[_ngcontent-ng-c1308154342] .sl-team[_ngcontent-ng-c1308154342] {
  width: 70%
}

.sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
  height: 10px;
  width: 100%;
  margin: 0 0 4px;
  border-radius: 2px
}

.sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342]:nth-child(2) {
  width: 60%
}

.sl-item[_ngcontent-ng-c1308154342] .sl-chip[_ngcontent-ng-c1308154342] {
  width: 15%;
  height: 35px
}