.providers_dd__body-list,
.providers_dd__title.bordered {
  border-bottom:1px solid var(--bg_secondary__100)
}
.modal-swipe-body:after,
.providers_dd__body.fix:after {
  content:"";
  left:0;
  --tw-translate-y:-100%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.livefeed_table td:first-child>div,
.livefeed_table th:first-child div {
  border-top-left-radius:var(--b-radius);
  border-bottom-left-radius:var(--b-radius)
}
.livefeed_table td:last-child>div,
.livefeed_table th:last-child div {
  border-top-right-radius:var(--b-radius);
  border-bottom-right-radius:var(--b-radius)
}
.livefeed .filled.tar,
.livefeed_header-icon {
  margin-right:.8rem
}
.pbt {
  max-width:calc(100% - 16px)
}
.slide-right-enter-active,
.slide-right-leave-active,
.slide-up-enter-active,
.slide-up-leave-active,
.swipe-up-enter-active,
.swipe-up-enter-active .modal-swipe-body,
.swipe-up-leave-active,
.swipe-up-leave-active .modal-swipe-body {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}
.slide-up-enter-from,
.slide-up-leave-to,
.swipe-up-enter-from,
.swipe-up-leave-to {
  transform:translateY(100%)
}
.fade-enter-from,
.fade-leave-to,
.game_history-enter,
.sidebar-mobile-enter-from,
.sidebar-mobile-leave-to,
.slide-up-enter-from:after,
.slide-up-leave-to:after,
.swipe-up-enter-from .modal-swipe-body:after,
.swipe-up-leave-to .modal-swipe-body:after {
  opacity:0
}
.slide-up-enter-to,
.slide-up-leave-from,
.swipe-up-enter-to,
.swipe-up-leave-from {
  transform:translateY(0)
}
.game_history-leave,
.sidebar-mobile-enter-to,
.sidebar-mobile-leave-from,
.slide-up-enter-to:after,
.slide-up-leave-from:after {
  opacity:1
}
.slide-enter,
.slide-right-enter-from,
.slide-right-leave-to,
.slideback-leave-to {
  transform:translate(100%)
}
.slide-right-enter-to,
.slide-right-leave-from {
  transform:translate(0)
}
.providers_dd {
  color:#2c3034;
  font-weight:500;
  display:flex;
  z-index:5;
  color:var(--primary-800);
  position:relative
}
.providers_dd__body,
.providers_dd__body.fix {
  z-index:60;
  border-radius:0
}
.providers_dd__body {
  gap:12px;
  background:#fff;
  width:320px;
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  opacity:0;
  visibility:hidden;
  transition:.3s;
  box-shadow:0 0 12px #574d8126
}
.providers_dd__body-list_item,
.providers_dd__body.fix:after {
  width:100%;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.providers_dd__body.left {
  right:unset;
  left:0
}
.providers_dd__body.fix:after {
  position:absolute;
  top:0;
  height:100%;
  background-color:rgb(15 20 28 / var(--tw-bg-opacity));
  --tw-bg-opacity:.75;
  transition-duration:.3s;
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}
.providers_dd__body.abs {
  top:0;
  z-index:60;
  border-radius:8px;
  padding-top:0
}
.providers_dd__body-search input::-moz-placeholder {
  font-weight:600
}
.providers_dd__body-search input::placeholder {
  font-weight:600
}
.providers_dd__body.open {
  opacity:1;
  visibility:visible
}
.providers_dd__body-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:700;
  font-size:18px;
  line-height:22px;
  padding:0 20px
}
.providers_dd__body-header button {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f2ff;
  border-radius:4px;
  width:24px!important;
  height:24px!important;
  transition:.3s;
  color:#ccd2e8;
  padding:0!important
}
.providers_dd__body-header button svg {
  width:12px;
  height:8px
}
.providers_dd__body-header button:hover {
  background:#ebe8ff
}
.providers_dd__body-empty {
  text-align:center;
  padding:28px 0
}
.providers_dd__body-list {
  overflow-x:hidden;
  overflow-y:auto;
  max-height:100%
}
.providers_dd__body-list.abs {
  border-bottom:0
}
.providers_dd__body-list_inner {
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  gap:4px;
  -moz-column-gap:8px;
  column-gap:8px
}
.providers_dd__body-list_item {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  height:40px;
  border-radius:6px;
  cursor:pointer;
  padding-left:8px;
  padding-right:8px;
  transition-duration:.15s
}
@media not all and (pointer:coarse) {
  .providers_dd__body-list_item:hover {
    background-color:var(--bg_secondary__100)
  }
  :is(.dark .providers_dd__body-list_item:hover) {
    background-color:var(--bg_secondary__200)
  }
}
@media screen and (max-width:767px) {
  .providers_dd__body-search input {
    font-size:16px
  }
  .providers_dd__body-search input:-moz-placeholder-shown {
    text-overflow:ellipsis
  }
  .providers_dd__body-search input:placeholder-shown {
    text-overflow:ellipsis
  }
  .providers_dd__top {
    width:44px;
    min-width:44px;
    height:44px;
    padding:11px;
    border-radius:6px
  }
  .providers_dd__top .arrow,
  .providers_dd__top span {
    display:none
  }
  .providers_dd__body.fix {
    right:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  .providers_dd__body.abs {
    position:absolute;
    top:0;
    right:0;
    width:360px;
    max-width:93vw;
    height:460px;
    max-height:60vh
  }
}
.livefeed_header,
.v-tabs,
.v-tabs button {
  border-radius:var(--b-radius)
}
html.dark .providers_dd,
html[data-theme=dark] .providers_dd {
  color:#f2f0ff
}
html.dark .providers_dd__top,
html[data-theme=dark] .providers_dd__top {
  background:#1f2a3d!important;
  color:#78819d
}
html.dark .providers_dd__body,
html[data-theme=dark] .providers_dd__body {
  background:#1f2a3d;
  box-shadow:0 0 12px #00000029
}
html.dark .providers_dd__body-header button,
html.dark .providers_dd__body-list_item-name:hover,
html[data-theme=dark] .providers_dd__body-header button,
html[data-theme=dark] .providers_dd__body-list_item-name:hover {
  background:#383e4b
}
html.dark .providers_dd__body-header button:hover,
html[data-theme=dark] .providers_dd__body-header button:hover {
  background:#343945
}
html.dark .providers_dd__body-list_item-name.active,
html[data-theme=dark] .providers_dd__body-list_item-name.active {
  background:#1f2a3d
}
.swipe-up-enter-to .modal-swipe-body:after,
.swipe-up-leave-from .modal-swipe-body:after {
  opacity:.75
}
.modal-swipe-body:after {
  position:absolute;
  top:12px;
  width:100%;
  height:130%;
  z-index:-1;
  opacity:var(--bg-after-opacity, .75);
  --tw-bg-opacity:1;
  background-color:rgb(15 20 28 / var(--tw-bg-opacity))
}
@media (min-width:768px) {
  .providers_dd__body,
  .providers_dd__body.fix {
    z-index:1;
    border-radius:8px
  }
  .modal-swipe-body:after,
  .providers_dd__body.fix:after {
    display:none
  }
  .providers_dd__body.abs {
    z-index:1
  }
  .providers_dd__body-list {
    max-height:100%;
    border-bottom:none
  }
}
.dropdown-enter-active,
.dropdown-leave-active {
  transition:.3s ease-in-out
}
.chevron-enter-active,
.chevron-leave-active,
.fade-enter-active,
.fade-leave-active,
.livefeed_header-btn svg {
  transition:.2s ease-in-out
}
.dropdown-enter-from,
.dropdown-leave-to {
  opacity:0;
  transform:translateY(105%)
}
.dropdown-enter-to,
.dropdown-leave-from {
  opacity:1;
  transform:translateY(100%)
}
.slide-enter-active,
.slide-leave-active,
.slideback-enter-active,
.slideback-leave-active {
  transition:1s
}
.sidebar-mobile-enter-from .fsidebar_wrap,
.sidebar-mobile-leave-to .fsidebar_wrap,
.slide-leave-to,
.slideback-enter {
  transform:translate(-100%)
}
.animate-tickets-enter-active {
  transition:.2s ease-in
}
.animate-tickets-leave-active {
  transition:.2s ease-out
}
.animate-tickets-enter-from {
  transform:translateY(20px) scale(.6);
  opacity:0
}
.animate-tickets-enter-to,
.animate-tickets-leave-from {
  transform:translateY(0) scale(1);
  opacity:1
}
.animate-tickets-leave-to {
  transform:translateY(-20px) scale(.6);
  opacity:0
}
@keyframes game_history-in {
  0% {
    transform:translate(-20px);
    opacity:0;
    width:0;
    min-width:0;
    margin-right:0;
    padding:0
  }
  to {
    transform:unset;
    opacity:1;
    width:112px;
    min-width:112px;
    margin-right:8px;
    padding:6px 12px
  }
}
@keyframes game_history-out {
  0% {
    opacity:1
  }
  to {
    opacity:0;
    transform:translate(20px)
  }
}
@keyframes sidebar-in {
  0% {
    transform:translate(0)
  }
  to {
    transform:translate(-100%)
  }
}
@media screen and (min-width:1350px) {
  .sidebar-leave-active {
    animation:.5s sidebar-in;
    pointer-events:none
  }
  .sidebar-enter-active {
    animation:.5s reverse sidebar-in;
    pointer-events:none
  }
}
.sidebar-mobile-enter-active,
.sidebar-mobile-leave-active {
  transition:.3s ease-in-out;
  pointer-events:none
}
.sidebar-mobile-enter-to .fsidebar_wrap,
.sidebar-mobile-leave-from .fsidebar_wrap {
  transform:unset
}
.game_history-enter-active {
  animation:.3s ease-out forwards game_history-in;
  transition:.3s
}
.game_history-leave-active {
  animation:.3s ease-out forwards game_history-out;
  transition:.3s
}
.chevron-enter-from,
.chevron-leave-to {
  opacity:0;
  transform:scale(.8)
}
.chevron-enter-to,
.chevron-leave-from {
  opacity:1;
  transform:scale(1)
}
.respiny-enter-active,
.respiny-leave-active {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.respiny-enter-from,
.respiny-leave-to {
  transform:translateY(100%);
  opacity:0
}
.respiny-enter-to,
.respiny-leave-from {
  transform:translateY(0);
  opacity:1
}
.modal {
  z-index:1000
}
.modal-fullscreen__body {
  width:100vw
}
.modal-fullscreen__body .modal-base__wrapper {
  border-radius:0;
  background:var(--primary-bg)
}
.modal-fullscreen__body,
.modal-fullscreen__body .modal-base {
  height:calc(100% - 64px)
}
.modal-fullscreen__body .modal-base {
  border-radius:0
}
.v-tabs {
  background:var(--bg_main__100);
  padding:2px;
  display:grid;
  gap:2px
}
.livefeed_header,
.v-tabs.primary {
  background:var(--bg_primary__100)
}
.v-tabs button {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color_secondary__100);
  font-size:16px;
  font-weight:600;
  padding:1.4rem 3rem
}
.v-tabs button.sm {
  font-size:12px;
  font-weight:600;
  line-height:normal;
  padding:0 7.5px;
  height:40px
}
.v-tabs button.active {
  background:linear-gradient(90deg,#7449e6 0,#69a4ff 98.44%);
  color:#fff
}
html.dark .v-tabs,
html[data-theme=dark] .v-tabs {
  background:var(--bg_primary__200)
}
html.dark .v-tabs button.active,
html[data-theme=dark] .v-tabs button.active {
  background:var(--bg_secondary__200)
}
*+.livefeed {
  margin-top:60px
}
.livefeed_header {
  display:flex;
  align-items:center;
  padding:1.2rem;
  margin-bottom:.6rem
}
.livefeed_header-title {
  font-weight:600;
  font-size:1.2rem;
  color:var(--color_primary__100)
}
.livefeed_header-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.4rem;
  height:2.4rem;
  border-radius:.4rem;
  margin-left:auto;
  padding:0
}
.livefeed_header-btn svg {
  transform:rotate(180deg)
}
.livefeed_header-btn.active svg {
  transform:rotate(0)
}
.livefeed_table {
  color:#2c2d33;
  font-weight:600;
  text-align:center;
  border-spacing:0 6px;
  border-collapse:separate
}
.livefeed_table th {
  font-weight:600;
  width:20%!important
}
.livefeed_table th:first-child div {
  text-align:left
}
.livefeed_table th:last-child div {
  text-align:right
}
.livefeed_table td {
  padding:0
}
.livefeed_table td:first-child>div {
  padding-left:2rem;
  justify-content:flex-start
}
.livefeed_table td:last-child>div {
  padding-right:2rem;
  justify-content:flex-end
}
.livefeed--th {
  color:var(--color_primary__100);
  background:var(--bg_light_hover__200);
  padding:0 2rem;
  display:flex;
  align-items:center;
  height:40px
}
@media (min-width:979px) {
  .livefeed--th {
    height:63px
  }
}
.livefeed thead tr th div {
  justify-content:center
}
.livefeed thead tr th:last-child div {
  justify-content:flex-end
}
.livefeed thead tr th:first-child div {
  justify-content:flex-start
}
.livefeed-tr {
  position:relative;
  z-index:1
}
.livefeed .filled {
  padding:0;
  height:2.4rem;
  margin:auto
}
.livefeed--td {
  overflow:hidden;
  padding:.8rem;
  height:6rem;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color_main__100);
  background:var(--bg_primary__100)
}
.livefeed--td_icon {
  width:2.4rem;
  min-width:2.4rem;
  height:2.4rem;
  color:var(--color_secondary__100);
  margin:0!important
}
.livefeed--td_name {
  width:10rem;
  margin-left:0!important;
  text-transform:capitalize
}
@media (max-width:979px) {
  .livefeed_table td:first-child>div {
    padding-left:1rem
  }
  .livefeed_table td:last-child>div {
    padding-right:1rem
  }
  .livefeed .filled {
    height:1.6rem
  }
  .livefeed .filled.tar {
    margin-right:.2rem
  }
  .livefeed--td_name {
    width:8rem
  }
}
@media (max-width:360px) {
  .livefeed--td_name {
    width:6rem
  }
}
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  .livefeed--td .success {
    background:linear-gradient(90deg,#76ac41 3.33%,#97d25b 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent
  }
}
.livefeed--td .danger {
  color:#ff3232
}
@media (max-width:979px) {
  .livefeed .hm {
    display:none
  }
  .livefeed_table {
    font-size:1.2rem
  }
  .livefeed_table th {
    width:33.33%!important
  }
  .livefeed--th {
    padding:1.4rem 1.2rem
  }
  .livefeed--td {
    padding:.3rem;
    height:4rem
  }
  .livefeed--td_icon {
    width:1.6rem;
    min-width:1.6rem;
    height:1.6rem
  }
}