.cashback-get,
.table-main table tbody tr:after,
.table-main__td {
  background:var(--bg_primary__100)
}
.cashback-xs.active,
html.dark .cashback-current__title .dark,
html[data-theme=dark] .cashback-current__title .dark {
  display:block
}
.table-main {
  overflow:auto
}
.table-main__td.dark {
  background-color:var(--bg_primary__200);
  color:var(--color_primary__100)
}
.table-main__td.center {
  text-align:center!important;
  justify-content:center!important;
  border-radius:6px!important
}
.table-main table tr td:first-child>div {
  border-radius:var(--b-radius) 0 0 var(--b-radius)
}
.table-main table tr td:last-child>div {
  border-radius:0 var(--b-radius) var(--b-radius) 0
}
.table-main table {
  font-weight:600;
  font-size:16px;
  width:100%;
  max-width:100%;
  border-collapse:collapse
}
.table-main table thead tr th>div {
  background:var(--bg_light_hover__100);
  color:var(--color_secondary__100);
  font-weight:700;
  padding:0 20px;
  font-size:16px;
  text-align:left;
  height:63px;
  display:flex;
  align-items:center
}
.table-main table thead tr th:first-child>div {
  border-top-left-radius:6px;
  border-bottom-left-radius:6px
}
.table-main table thead tr th:last-child>div {
  border-top-right-radius:6px;
  border-bottom-right-radius:6px;
  text-align:right;
  justify-content:flex-end
}
.table-main table tbody tr {
  position:relative
}
.table-main table tbody tr:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:calc(100% - 6px);
  z-index:-1;
  border-radius:6px
}
.table-main table tbody tr td {
  padding:0
}
.table-main table tbody tr td>div {
  font-weight:600;
  padding:0 20px;
  font-size:16px;
  text-align:left;
  margin-top:6px;
  height:60px;
  display:flex;
  align-items:center
}
.table-main table tbody tr td:last-child>div {
  text-align:right;
  justify-content:flex-end
}
.table-main.no-right tr td:last-child>div,
.table-main.no-right tr th:last-child>div {
  text-align:left;
  justify-content:flex-start
}
.cashback-earns h2 {
  font-weight:600;
  line-height:137.8%;
  margin-bottom:var(--padding);
  font-size:18px
}
@media screen and (max-width:768px) {
  .table-main table tbody tr td>div,
  .table-main table thead tr th>div {
    padding:0 12px;
    height:40px;
    font-size:12px
  }
  .cb-btn-get {
    height:42px;
    padding:0 8px;
    font-size:14px;
    border-radius:6px
  }
  :is(.dark .cb-btn-get) {
    color:var(--color_main__100)
  }
  .cb-btn-get.v-btn-orange {
    --tw-text-opacity:1;
    color:rgb(44 48 52 / var(--tw-text-opacity))
  }
}
.cashback-current__title svg,
.cashback-get__text {
  color:var(--color_secondary__100)
}
.cashback-get {
  border-radius:6px;
  flex-direction:column;
  padding:12px
}
.cashback-xs {
  display:none
}
.cashback-get__title {
  margin-bottom:var(--padding);
  font-size:18px;
  font-weight:700
}
.cashback-get__container {
  background:var(--bg_main__100);
  border-radius:6px;
  display:flex;
  padding:20px;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  align-self:stretch;
  gap:20px;
  flex:1
}
.cashback-get__section {
  display:flex;
  border-radius:6px;
  background:#ebe6fc;
  padding:20px;
  align-items:center;
  gap:8px;
  width:100%
}
.cashback-get__section-title {
  font-size:14px;
  font-weight:600;
  margin-bottom:8px
}
.cashback-get__section-subtitle {
  font-size:16px;
  font-weight:700
}
.cashback-get__text {
  font-size:14px;
  font-style:normal;
  font-weight:600
}
.cashback-get__btn {
  margin-top:auto;
  width:100%
}
html.dark .cashback-get__container,
html[data-theme=dark] .cashback-get__container {
  background:var(--bg_main__300)
}
html.dark .cashback-get__section,
html[data-theme=dark] .cashback-get__section {
  background:var(--bg_main__200)
}
.cb-blur {
  opacity:.2;
  filter:blur(4.903011322px);
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-50%);
  width:80px;
  height:14.997px;
  --tw-bg-opacity:1;
  background-color:rgb(183 173 216 / var(--tw-bg-opacity))
}
:is(.dark .cb-blur) {
  --tw-bg-opacity:1;
  background-color:rgb(31 42 61 / var(--tw-bg-opacity))
}
.cashback-current {
  background:var(--bg_primary__100);
  border-radius:6px;
  display:flex;
  flex-direction:column
}
.cashback-current__title {
  font-weight:600;
  align-items:center;
  gap:8px;
  margin-bottom:var(--padding);
  display:none;
  font-size:18px
}
@media (min-width:640px) {
  .cashback-current__title,
  .cashback-earns h2,
  .cashback-get__title {
    font-size:20px
  }
}
@media (min-width:768px) {
  .cashback-get {
    padding:20px
  }
  .cashback-current {
    padding:var(--padding)
  }
  .cashback-current__title {
    display:flex
  }
}
.cashback-current__title .dark,
html.dark .cashback-current__title img,
html[data-theme=dark] .cashback-current__title img {
  display:none
}
.cashback-current__container {
  background:var(--bg_main__100);
  border-radius:6px;
  display:flex;
  padding:20px;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  flex:1 0 0;
  align-self:stretch;
  gap:12px
}
.cashback-current__current {
  border-radius:6px;
  display:flex;
  flex-direction:column;
  width:100%;
  padding:20px;
  background:rgba(232,229,255,.4);
  position:relative
}
.cashback-current__current-level {
  font-size:14px;
  font-weight:700;
  margin-bottom:8px
}
.cashback-current__current-rang {
  width:125px;
  height:auto;
  position:absolute;
  top:48px;
  right:0;
  transform:translateY(-50%)
}
.cashback-current__current-center {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.cashback-current__current-crowns {
  display:flex;
  align-items:center;
  gap:2px
}
.cashback-current__current-title {
  font-size:24px;
  font-weight:700;
  margin-bottom:12px
}
.cashback-current__current-progress {
  font-size:14px;
  font-weight:600;
  margin-bottom:4px
}
.cashback-current__current-bar {
  border-radius:20px;
  background:rgba(136,125,255,.3);
  height:4px;
  width:100%;
  position:relative;
  overflow:hidden
}
.cashback-current__current-bar i {
  background:#887dff;
  position:absolute;
  top:0;
  left:-75%;
  height:100%;
  width:100%;
  border-radius:111px
}
.cashback-current__badge {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px;
  border-radius:4px;
  width:100%;
  font-size:14px;
  font-weight:600;
  background:rgba(232,229,255,.4)
}
html.dark .cashback-current__container,
html[data-theme=dark] .cashback-current__container {
  background:var(--bg_main__300)
}
html.dark .cashback-current__badge,
html.dark .cashback-current__current,
html[data-theme=dark] .cashback-current__badge,
html[data-theme=dark] .cashback-current__current {
  background:var(--bg_main__200)
}