@charset "UTF-8";
/* Base */
/* Fonts */
/* Colors */
/* Dots */
/* From Bottom */
@keyframes fromBottom {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translate(0px);
  }
}
/* Spin Border Animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* SF Pro Rounded Regular */
@font-face {
  font-family: "SF Pro Rounded Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/SF-Pro-Rounded-Regular.woff") format("woff");
}
/* SF Pro Rounded Semibold */
@font-face {
  font-family: "SF Pro Rounded Semibold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/SF-Pro-Rounded-Semibold.woff") format("woff");
}
/* SF Pro Rounded Medium */
@font-face {
  font-family: "SF Pro Rounded Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/SF-Pro-Rounded-Medium.woff") format("woff");
}
/* Inter Regular */
@font-face {
  font-family: "Inter Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Inter-Regular.woff") format("woff");
}
/* Inter SemiBold */
@font-face {
  font-family: "Inter SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Inter-SemiBold.woff") format("woff");
}
/* Inter Bold */
@font-face {
  font-family: "Inter Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Inter-Bold.woff") format("woff");
}
/* Inter Medium */
@font-face {
  font-family: "Inter Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Inter-Medium.woff") format("woff");
}
/* Inter ExtraBold */
@font-face {
  font-family: "Inter ExtraBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Inter-ExtraBold.woff") format("woff");
}
/* Roboto Regular */
@font-face {
  font-family: "Roboto Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Roboto-Regular.woff") format("woff");
}
/* Roboto Bold */
@font-face {
  font-family: "Roboto Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Roboto-Bold.woff") format("woff");
}
/* Roboto SemiBold */
@font-face {
  font-family: "Roboto SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Roboto-SemiBold.woff") format("woff");
}
/* LibreFranklin Regular */
@font-face {
  font-family: "LibreFranklin Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/LibreFranklin-Regular.woff") format("woff");
}
/* Reset */
body {
  background-color: #0C0C0C;
  overflow-x: hidden;
}
body a {
  color: inherit;
  text-decoration: none;
}
body a:hover {
  color: inherit;
  text-decoration: none;
}
body * {
  outline: none !important;
}

div#m-app {
  padding: 0;
}

body.toggle-menu div#app-sidebar {
  width: 322px;
}
body.small-sidebar a.sidebar-toggle {
  left: 88px;
}
body.small-sidebar div#app-sidebar {
  width: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  transition-duration: 0.5s;
  padding: 25px 0px;
  overflow: unset;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.small-sidebar div#app-sidebar div.logo {
  padding: 0px 15px;
}
body.small-sidebar div#app-sidebar nav.side-menu {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: none;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li.alt {
  display: none;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li a {
  position: relative;
  justify-content: center;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li a:hover span.text {
  display: inline-block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  top: calc(50% - 14px);
  right: -120px;
  width: 100px;
  text-align: center;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li a span.text {
  display: none;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li a span.icon {
  width: 25px;
  justify-content: center;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li a span.icon img {
  width: 25px;
  height: auto;
}
body.small-sidebar div#app-sidebar nav.side-menu ul li a span.count {
  position: absolute;
  top: 0;
  right: 0;
}
body.small-sidebar div#app-sidebar div.user-box {
  display: none;
}
body.small-sidebar div#app-sidebar div.user-buttons {
  display: none;
}
body.small-sidebar div#app-sidebar div.side-slider-menu {
  display: none;
}
body.small-sidebar div#app-sidebar div.leadership-area {
  display: none;
}
body.small-sidebar div#app-sidebar div.draw-area {
  display: none;
}
body.small-sidebar div#app-sidebar div.box-area {
  display: none;
}
body.small-sidebar div#app-sidebar div.buttons-area {
  padding-left: 10px;
  padding-right: 10px;
}
body.small-sidebar div#app-sidebar div.buttons-area .col-4 {
  flex: 0 0 50%;
  max-width: 50%;
}
body.small-sidebar div#app-sidebar div.buttons-area a.button {
  border: none;
  background: transparent;
  height: 20px;
  font-size: 0;
  line-height: 20px;
  margin-bottom: 20px;
}
body.small-sidebar div#app-sidebar div.buttons-area a.button img {
  max-width: 25px;
  max-height: 25px;
  height: auto;
}
body.small-sidebar div#app-sidebar div.side-buttons {
  display: none;
}
body.small-sidebar div#app-sidebar::-webkit-scrollbar {
  display: none;
}
body.small-sidebar div#m-app-container main#app-main {
  width: calc(100% - 100px);
  position: relative;
  vertical-align: top;
  display: inline-block;
  left: 100px;
}

a.sidebar-toggle {
  position: absolute;
  top: 30px;
  left: 308px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  z-index: 999999;
  border: 1px solid #272727;
  border-radius: 4px;
  transition-duration: 0.5s;
}
a.sidebar-toggle img {
  max-width: 100%;
  height: auto;
  padding: 1px;
}

div#m-app-container {
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
div#m-app-container main#app-main {
  width: calc(100% - 322px);
  position: relative;
  vertical-align: top;
  display: inline-block;
}

body.open-chat div#app-chat {
  right: 0;
}

div#app-chat {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  transition-duration: 0.5s;
  font-size: 0;
}
div#app-chat div.app-chat-close {
  height: 100%;
  cursor: pointer;
  width: calc(100% - 350px);
  display: inline-block;
  vertical-align: top;
}
div#app-chat div.app-chat-box {
  font-size: 14px;
  width: 350px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  height: 100%;
  background-color: #111;
}
div#app-chat div.app-chat-box div.chat-box-header {
  height: 60px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
div#app-chat div.app-chat-box div.chat-box-header .item {
  flex: 1;
  text-align: center;
}
div#app-chat div.app-chat-box div.chat-box-header div.title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 14px;
  line-height: 14px;
}
div#app-chat div.app-chat-box div.chat-box-header div.on {
  text-align: right;
  color: #2ca760;
  font-size: 14px;
  line-height: 14px;
}
div#app-chat div.app-chat-box div.chat-box-header div.buttons {
  text-align: right;
  padding-right: 10px;
}
div#app-chat div.app-chat-box div.chat-box-header div.buttons a.button {
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  text-align: center;
  line-height: 30px;
}
div#app-chat div.app-chat-box div.chat-box-header div.buttons a.button img {
  max-width: 10px;
}
div#app-chat div.app-chat-box div.chat-area {
  height: calc(100% - 120px);
  padding: 20px;
  overflow-y: auto;
  border-radius: 8px;
}
div#app-chat div.app-chat-box div.chat-area::-webkit-scrollbar {
  width: 6px;
}
div#app-chat div.app-chat-box div.chat-area::-webkit-scrollbar-track {
  border-radius: 3px;
}
div#app-chat div.app-chat-box div.chat-area::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
div#app-chat div.app-chat-box div.chat-area::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
div#app-chat div.app-chat-box div.chat-area .chat-message {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  animation: fadeIn 0.3s ease-in-out;
}
div#app-chat div.app-chat-box div.chat-area .chat-message.own-message {
  justify-content: flex-end;
}
div#app-chat div.app-chat-box div.chat-area .chat-message.own-message .message-content {
  background-color: #007bff;
  color: white;
  border-radius: 18px 18px 4px 18px;
  max-width: 70%;
}
div#app-chat div.app-chat-box div.chat-area .chat-message.own-message .message-content .message-header .username {
  color: rgba(255, 255, 255, 0.9);
}
div#app-chat div.app-chat-box div.chat-area .chat-message.own-message .message-content .message-header .timestamp {
  color: rgba(255, 255, 255, 0.7);
}
div#app-chat div.app-chat-box div.chat-area .chat-message.other-message {
  justify-content: flex-start;
}
div#app-chat div.app-chat-box div.chat-area .chat-message.other-message .message-content {
  background-color: white;
  color: #333;
  border-radius: 18px 18px 18px 4px;
  border: 1px solid #e9ecef;
  max-width: 70%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
div#app-chat div.app-chat-box div.chat-area .chat-message.other-message .message-content .message-header .username {
  color: #007bff;
  font-weight: 600;
}
div#app-chat div.app-chat-box div.chat-area .chat-message.other-message .message-content .message-header .timestamp {
  color: #6c757d;
}
div#app-chat div.app-chat-box div.chat-area .chat-message .message-content {
  padding: 10px 15px;
  position: relative;
}
div#app-chat div.app-chat-box div.chat-area .chat-message .message-content .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
div#app-chat div.app-chat-box div.chat-area .chat-message .message-content .message-header .username {
  font-size: 12px;
  font-weight: 500;
}
div#app-chat div.app-chat-box div.chat-area .chat-message .message-content .message-header .timestamp {
  font-size: 10px;
  opacity: 0.8;
}
div#app-chat div.app-chat-box div.chat-area .chat-message .message-content .message-text {
  font-size: 14px;
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-word;
}
div#app-chat div.app-chat-box div.chat-area:empty::before {
  content: "Henüz mesaj yok. İlk mesajı siz gönderin!";
  display: block;
  text-align: center;
  color: #6c757d;
  font-style: italic;
  margin-top: 50px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  div#app-chat div.app-chat-box .chat-area {
    height: 250px;
    padding: 10px;
  }
  div#app-chat div.app-chat-box .chat-area .chat-message.own-message .message-content, div#app-chat div.app-chat-box .chat-area .chat-message.other-message .message-content {
    max-width: 85%;
  }
  div#app-chat div.app-chat-box .chat-area .chat-message .message-content {
    padding: 8px 12px;
  }
  div#app-chat div.app-chat-box .chat-area .chat-message .message-content .message-header .username {
    font-size: 11px;
  }
  div#app-chat div.app-chat-box .chat-area .chat-message .message-content .message-header .timestamp {
    font-size: 9px;
  }
  div#app-chat div.app-chat-box .chat-area .chat-message .message-content .message-text {
    font-size: 13px;
  }
}
div#app-chat div.app-chat-box div.chat-box-footer {
  height: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px;
}
div#app-chat div.app-chat-box div.chat-box-footer form.chat-form {
  width: 100%;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 0;
}
div#app-chat div.app-chat-box div.chat-box-footer form.chat-form input {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  border: none;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #fff;
  font-family: "Inter Regular";
}
div#app-chat div.app-chat-box div.chat-box-footer form.chat-form button {
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 40px;
}
div#app-chat div.app-chat-box div.chat-box-footer form.chat-form button img {
  max-width: 15px;
  height: auto;
  filter: brightness(0) invert(1);
}

.discord:hover {
  background: linear-gradient(270deg, #7F58F2 0%, #5865F2 100%) !important;
}

.telegram:hover {
  background: linear-gradient(270deg, #1C85C7 0%, #229ED9 100%) !important;
}

.whatsapp:hover {
  background: linear-gradient(270deg, #25D366 0%, #05CE78 100%) !important;
}

.instagram:hover {
  background: linear-gradient(270deg, #B305EF 0%, #FEB600 100%) !important;
}

.twitch:hover {
  background: linear-gradient(270deg, #6412DD 0%, #9146FF 100%) !important;
}

.youtube:hover {
  background: linear-gradient(270deg, #BD0100 0%, #FF0302 100%) !important;
}

.kick:hover {
  background: linear-gradient(270deg, #039F5C 0%, #05CE78 100%) !important;
}

.x:hover {
  background: linear-gradient(270deg, #000 0%, #000 100%) !important;
}

.github:hover {
  background: linear-gradient(270deg, #000 0%, #000 100%) !important;
}

.medium:hover {
  background: linear-gradient(270deg, #1C85C7 0%, #229ED9 100%) !important;
}

.swal2-container {
  font-family: "SF Pro Rounded Regular";
}

.make-white {
  filter: brightness(0) invert(1);
}

/* Components */
/* Modal */
.modal#storyModal .modal-dialog {
  padding: 15px !important;
  max-width: 400px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
}
.modal#storyModal .modal-content {
  height: 90vh;
  border-radius: 0;
  background-color: #000;
  border: none;
  border-radius: 9px;
}
.modal#storyModal .modal-body {
  padding: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.modal#storyModal .close {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 15;
  color: #fff;
  opacity: 1;
  font-size: 30px;
  text-shadow: 0 1px 0 #000;
  background: none;
  border: none;
}
.modal#storyModal .close:hover {
  opacity: 0.8;
}
.modal#storyModal .story-container {
  width: 100%;
  height: 100%;
}
.modal#storyModal .modal-story-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.modal#storyModal .modal-story-item:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  border-radius: 9px;
}
.modal#storyModal .modal-story-item.active {
  display: block;
}
.modal#storyModal .modal-story-item .story-info {
  position: absolute;
  bottom: 30px;
  left: 20px;
  color: #fff;
}
.modal#storyModal .modal-story-item .story-info .story-title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 24px;
}
.modal#storyModal .modal-story-item .story-info .story-content {
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
}
.modal#storyModal .story-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 10;
}
.modal#storyModal .story-nav .story-prev, .modal#storyModal .story-nav .story-next {
  flex: 1;
  height: 100%;
  cursor: pointer;
}
.modal.drawModal .modal-dialog {
  max-width: 1367px;
  margin: 0 auto;
  padding: 30px;
}
.modal.drawModal .modal-dialog .modal-content {
  border-radius: 14px;
  border: 1px solid #272727;
  background: #111;
}
.modal.drawModal .modal-dialog .modal-content .modal-body {
  padding: 80px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body .modal-close {
  width: 58px;
  height: 58px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  position: absolute;
  top: 10px;
  right: 20px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head {
  border-radius: 13px;
  border: 1px solid #272727;
  background: #181818;
  padding: 20px 14px;
  margin-bottom: 30px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.logo {
  padding-bottom: 20px;
  border-bottom: 1px solid #1F1F1F;
  text-align: center;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.logo img {
  max-width: 162px;
  max-height: 62px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.info {
  padding-top: 30px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.info div.block:last-child div.item {
  border-right: none;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.info div.block div.item {
  padding: 0px 30px;
  border-right: 1px solid #1F1F1F;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.info div.block div.item div.title {
  font-family: "SF Pro Rounded Medium";
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  color: #5C5C5C;
  letter-spacing: -0.112px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-head div.info div.block div.item div.value {
  font-family: "SF Pro Rounded Semibold";
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.126px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.joined {
  margin-bottom: 15px;
  display: block;
  background-color: #eccc73;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  color: #000;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.finished {
  margin-bottom: 15px;
  display: block;
  background-color: #000;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  color: #fff;
  cursor: not-allowed;
}
.modal.drawModal .modal-dialog .modal-content .modal-body a.join-draw {
  margin-bottom: 15px;
  display: block;
  background-color: #eccc73;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  color: #000;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-tabs ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-tabs ul li {
  flex: 1;
  display: inline-block;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-tabs ul li.active a {
  background-color: #eccc73;
  color: #000;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-tabs ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #181818;
  border-radius: 10px;
  color: #fff;
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  transition-duration: 0.5s;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-tabs div.draw-contents div.draw-tab {
  display: none;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-tabs div.draw-contents div.draw-tab.active {
  display: block;
}
.modal.drawModal .modal-dialog .modal-content .modal-body a.go-site {
  margin-top: auto;
  background-color: #eccc73;
  border-radius: 12px;
  height: 36px;
  line-height: 36px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.drawModal .modal-dialog .modal-content .modal-body a.go-site div.text {
  font-family: "Roboto SemiBold";
  font-size: 12px;
  line-height: 12px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body a.go-site div.icon {
  font-size: 0;
  margin-left: 8px;
  transition-duration: 0.2s;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content {
  border-radius: 8px;
  border: 1px solid #272727;
  background: #181818;
  padding: 30px;
  margin-bottom: 25px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  line-height: 21.6px;
  color: #fff;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content h3 {
  font-family: "SF Pro Rounded Semibold";
  margin-bottom: 15px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content p:last-child {
  margin-bottom: 0;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content table thead tr th {
  background-color: #eccc73;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-family: "Inter Bold";
  font-size: 13px;
  color: #000;
  width: 33.3%;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content table thead tr th:first-child {
  border-top-left-radius: 14px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content table thead tr th:last-child {
  border-top-right-radius: 14px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content table tbody tr td {
  width: 33.3%;
  background-color: #181818;
  border: 1px solid #272727;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-family: "Inter Medium";
  font-size: 14px;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content div.dt-paging {
  margin-top: 20px;
  text-align: right;
  font-size: 0;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content div.dt-paging nav button {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-family: "Inter Regular";
  font-size: 14px;
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content div.dt-paging nav button.current, .modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content div.dt-paging nav button:hover {
  border-color: #272727;
  background: #181818;
}
.modal.howModal .modal-dialog {
  max-width: 1385px;
  padding: 15px;
}
.modal.howModal .modal-dialog .modal-content {
  border-radius: 16px;
  border: 1px solid #272727;
  background: #111;
}
.modal.howModal .modal-dialog .modal-content .modal-body {
  padding: 83px;
}
.modal.howModal .modal-dialog .modal-content .modal-body .modal-close {
  width: 58px;
  height: 58px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  position: absolute;
  top: 10px;
  right: 20px;
}
.modal.howModal .modal-dialog .modal-content .modal-body .modal-title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 56px;
  letter-spacing: 0.56px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}
.modal.howModal .modal-dialog .modal-content .modal-body .modal-title span {
  color: #eccc73;
}
.modal.howModal .modal-dialog .modal-content .modal-body .modal-desc {
  font-family: "SF Pro Rounded Regular";
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #9CA3AF;
  text-align: center;
  margin-bottom: 30px;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block {
  padding: 25px;
  border: 1px solid transparent;
  font-size: 0;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block:hover {
  border-radius: 8px;
  border: 1px solid #272727;
  background: #0D0D0D;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block:hover div.icon {
  background-color: #eccc73;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.icon {
  width: 70px;
  height: 70px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  background-image: url("../../images/swatch.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  line-height: 70px;
  text-align: center;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.details {
  width: calc(100% - 70px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 21px;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.details div.title {
  font-family: "Inter SemiBold";
  font-size: 24px;
  color: #fff;
}
.modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.details div.desc {
  font-family: "Inter Regular";
  font-size: 20px;
  color: #9CA3AF;
}
.modal.bigModal .modal-dialog {
  max-width: 800px;
  padding: 15px;
}
.modal.bigModal .modal-dialog .modal-content {
  border-radius: 16px;
  background: #111;
  padding: 0;
  font-size: 0;
}
.modal.bigModal .modal-dialog .modal-content .modal-body {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0;
  align-items: center;
}
.modal.bigModal .modal-dialog .modal-content .modal-body figure.modal-image {
  margin-bottom: 0;
  height: 100%;
}
.modal.bigModal .modal-dialog .modal-content .modal-body figure.modal-image img {
  border-radius: 16px 0px 0px 16px;
  max-width: 100%;
  height: auto;
  height: 100%;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-details {
  padding: 25px;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-close {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  position: absolute;
  top: 10px;
  right: 20px;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 24px;
  letter-spacing: 0.24px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-title span {
  color: #eccc73;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-desc {
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  letter-spacing: 0.2px;
  color: #9CA3AF;
  text-align: center;
  margin-bottom: 20px;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-buttons {
  text-align: center;
}
.modal.bigModal .modal-dialog .modal-content .modal-body .modal-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  background-color: #eccc73;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  color: #000;
  font-family: "SF Pro Rounded Regular";
}
.modal.complaintModal .modal-dialog {
  max-width: 1200px;
  padding: 15px;
}
.modal.complaintModal .modal-dialog .modal-content {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
}
.modal.complaintModal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head {
  border-bottom: 1px solid #272727;
  background: #181818;
  padding: 25px;
  font-size: 0;
}
.modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 58px);
}
.modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head div.details div.title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 36px;
  letter-spacing: 0.36px;
  color: #fff;
}
.modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head div.details div.desc {
  font-family: "SF Pro Rounded Regular";
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #9CA3AF;
}
.modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head .modal-close {
  width: 58px;
  display: inline-block;
  vertical-align: middle;
  height: 58px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
}
.modal.complaintModal .modal-dialog .modal-content .modal-body form {
  padding: 25px;
}
.modal.wheelModal .modal-dialog {
  max-width: 649px;
}
.modal.wheelModal .modal-dialog .modal-content {
  border: none !important;
  background-color: transparent;
  border-radius: 20px;
  box-shadow: none;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body {
  border-radius: 20px;
  border: 1px solid #272727;
  background: #111;
  padding: 65px;
  text-align: center;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body .modal-close {
  width: 58px;
  display: inline-block;
  vertical-align: middle;
  height: 58px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image {
  width: 153px;
  height: 153px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="1"] {
  background-image: url("../../images/wheel/100.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="2"] {
  background-image: url("../../images/wheel/200.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="3"] {
  background-image: url("../../images/wheel/300.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="4"] {
  background-image: url("../../images/wheel/400.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="5"] {
  background-image: url("../../images/wheel/500.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="6"] {
  background-image: url("../../images/wheel/600.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="7"] {
  background-image: url("../../images/wheel/700.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image[data-id="8"] {
  background-image: url("../../images/wheel/800.svg");
}
.modal.wheelModal .modal-dialog .modal-content .modal-body figure.modal-image img {
  width: 100%;
  height: auto;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-title {
  font-family: "Inter ExtraBold";
  font-size: 48px;
  line-height: 48px;
  color: #fff;
  margin-bottom: 15px;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-value {
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  height: 62px;
  line-height: 60px;
  margin-bottom: 15px;
  padding: 0px 20px;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-value span.icon {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-value span.icon img {
  width: 100%;
  height: auto;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-value span.text {
  font-family: "Roboto Regular";
  font-size: 36px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  padding-left: 5px;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  background-color: #eccc73;
  height: 37px;
  line-height: 37px;
  padding: 0px 60px;
  border-radius: 12px;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-buttons a.button span.back {
  font-family: "SF Pro Rounded Semibold";
  font-size: 18px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
.modal.wheelModal .modal-dialog .modal-content .modal-body div.modal-buttons a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.modal.authenticateModal .modal-dialog {
  max-width: 662px;
  padding: 10px;
}
.modal.authenticateModal .modal-dialog .modal-content {
  border-radius: 16px;
  border: 1px solid #272727;
  background: #111;
  border: none;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body {
  padding: 90px 60px;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body .modal-close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #272727;
  background: #181818;
  font-size: 0;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body .logo {
  max-width: 140px;
  margin-bottom: 28px;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body .logo img {
  max-width: 100%;
  height: inheritauto;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body .modal-title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 36px;
  letter-spacing: 0.36px;
  color: #fff;
  margin-bottom: 15px;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body .modal-desc {
  font-family: "SF Pro Rounded Regular";
  font-size: 20px;
  line-height: 32px;
  color: #9CA3AF;
  letter-spacing: 0.2px;
  font-feature-settings: "liga" off, "clig" off;
  margin-bottom: 20px;
}
.modal.authenticateModal .modal-dialog .modal-content .modal-body div.form-password {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #fff;
  font-family: "SF Pro Rounded Semibold";
  margin-bottom: 24px;
}

div.alert {
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  padding: 16px;
}
div.alert div.icon {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
div.alert div.text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 22px);
  font-family: "SF Pro Rounded Regular";
  font-size: 14px;
  line-height: 16.8px;
  padding-left: 15px;
}
div.alert div.text strong {
  font-family: "SF Pro Rounded Semibold";
}
div.alert div.text p:last-child {
  margin-bottom: 0;
}
div.alert.alert-primary {
  border: 1px solid #272727;
  background: #181818;
}
div.alert.alert-primary div.text {
  color: #fff;
}
div.alert.alert-success {
  border: 1px solid #A8F1C6;
  background: #A8F1C6;
}
div.alert.alert-success div.text {
  color: #000;
}

form.general-form div.form-group {
  margin-bottom: 24px;
}
form.general-form div.form-group div.title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  color: #fff;
  margin-bottom: 6px;
}
form.general-form div.form-group div.form-item label.error {
  color: #FF4C2B;
  font-family: "SF Pro Rounded Regular";
  font-size: 14px;
  letter-spacing: 0.14px;
  margin-top: 8px;
}
form.general-form div.form-group div.form-item.form-item-text input {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 48px;
  width: 100%;
  padding: 0px 20px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-text input.disabled {
  color: #9CA3AF;
  opacity: 0.75;
}
form.general-form div.form-group div.form-item.form-item-text input.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
}
form.general-form div.form-group div.form-item.form-item-text input.error {
  border: 1px solid #D80027;
  background: #1D1412;
}
form.general-form div.form-group div.form-item.form-item-text input::placeholder {
  opacity: 1;
  color: #9CA3AF;
}
form.general-form div.form-group div.form-item.form-item-password {
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-password input {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 48px;
  width: 100%;
  padding: 0px 20px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-password input.disabled {
  color: #9CA3AF;
  opacity: 0.75;
}
form.general-form div.form-group div.form-item.form-item-password input.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
}
form.general-form div.form-group div.form-item.form-item-password input.error {
  border: 1px solid #D80027;
  background: #1D1412;
}
form.general-form div.form-group div.form-item.form-item-password input::placeholder {
  opacity: 1;
  color: #9CA3AF;
}
form.general-form div.form-group div.form-item.form-item-password a.button {
  position: absolute;
  top: 11px;
  right: 20px;
}
form.general-form div.form-group div.form-item.form-item-textarea textarea {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 240px;
  width: 100%;
  padding: 20px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-textarea textarea.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
}
form.general-form div.form-group div.form-item.form-item-textarea textarea.error {
  border: 1px solid #D80027;
  background: #1D1412;
}
form.general-form div.form-group div.form-item.form-item-textarea textarea::placeholder {
  opacity: 0.2;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-select select {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 48px;
  width: 100%;
  padding: 0px 20px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../../images/icons/white-down.svg");
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
}
form.general-form div.form-group div.form-item.form-item-select select.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
}
form.general-form div.form-group div.form-item.form-item-select select.error {
  border: 1px solid #D80027;
  background: #1D1412;
}
form.general-form div.form-group div.form-item.form-item-captcha {
  font-size: 0;
}
form.general-form div.form-group div.form-item.form-item-captcha a.refreshCatpcha {
  display: inline-block;
  vertical-align: middle;
  width: 170px;
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-captcha a.refreshCatpcha img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
form.general-form div.form-group div.form-item.form-item-captcha input {
  width: calc(100% - 185px);
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  margin-left: 15px;
  height: 48px;
  padding: 0px 10px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-captcha input::placeholder {
  color: #fff;
  opacity: 0.2;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox {
  margin-bottom: 0;
  width: 100%;
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox input {
  display: none;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox input:checked ~ div.checkbox div.icon:before {
  left: 21px;
  background-color: #eccc73;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox div.checkbox {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 48px;
  padding: 0px 6px;
  line-height: 48px;
  font-size: 0;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox div.checkbox div.name {
  width: calc(100% - 40px);
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.16px;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox div.checkbox div.icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 100px;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-checkbox label.checkbox div.checkbox div.icon:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 4px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 16px;
  transition-duration: 0.5s;
}
form.general-form div.form-group div.form-item.form-item-phone {
  font-size: 0;
}
form.general-form div.form-group div.form-item.form-item-phone select {
  width: 80px;
  height: 48px;
  border: 1px solid #272727;
  background: #111;
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px 0px 0px 12px;
  border-right: none;
  font-family: "SF Pro Rounded Medium";
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.112px;
  text-align: center;
  padding: 0px 10px;
  text-align: left;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../../images/icons/white-down.svg");
  background-repeat: no-repeat !important;
  background-position: 90% 50% !important;
  background-size: 12px;
}
form.general-form div.form-group div.form-item.form-item-phone select.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05) url("../../images/icons/white-down.svg");
  background-size: 12px;
}
form.general-form div.form-group div.form-item.form-item-phone select.error {
  border: 1px solid #D80027;
  background: #1D1412 url("../../images/icons/white-down.svg");
  background-size: 12px;
}
form.general-form div.form-group div.form-item.form-item-phone input {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px 12px 12px 0px;
  border: 1px solid #272727;
  background: #181818;
  height: 48px;
  width: calc(100% - 80px);
  padding: 0px 20px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-phone input.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
}
form.general-form div.form-group div.form-item.form-item-phone input.error {
  border: 1px solid #D80027;
  background: #1D1412;
}
form.general-form div.form-group div.form-item.form-item-phone input::placeholder {
  opacity: 1;
  color: #9CA3AF;
}
form.general-form div.form-group div.form-item.form-item-phone input::-webkit-outer-spin-button,
form.general-form div.form-group div.form-item.form-item-phone input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.general-form div.form-group div.form-item.form-item-phone input[type=number] {
  -moz-appearance: textfield;
}
form.general-form div.form-group div.form-item.form-item-wallet {
  font-size: 0;
  border: 1px solid #272727;
  background: #181818;
  position: relative;
  border-radius: 12px;
}
form.general-form div.form-group div.form-item.form-item-wallet div.icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  vertical-align: middle;
  line-height: 48px;
  text-align: center;
  border-radius: 12px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
form.general-form div.form-group div.form-item.form-item-wallet div.icon img {
  max-width: 24px;
  height: auto;
  filter: brightness(0) invert(1);
}
form.general-form div.form-group div.form-item.form-item-wallet select {
  display: inline-flex;
  vertical-align: middle;
  width: calc(100% - 48px);
  border-radius: 12px;
  height: 48px;
  padding: 0px 20px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
  background-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../../images/icons/white-down.svg");
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 60px;
}
form.general-form div.form-group div.form-item.form-item-wallet select option {
  background-color: #000;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-wallet select.valid {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
  background-image: url("../../images/icons/white-down.svg") !important;
}
form.general-form div.form-group div.form-item.form-item-wallet select.error {
  border: 1px solid #D80027;
  background-image: url("../../images/icons/white-down.svg") !important;
  background: #1D1412;
}
form.general-form div.form-group div.form-item.form-item-amount {
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-amount input {
  height: 48px;
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px 75px;
  color: #fff;
  font-size: 16px;
}
form.general-form div.form-group div.form-item.form-item-amount div.title {
  position: relative;
  z-index: 1;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0px 15px;
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.3137254902);
}
form.general-form div.form-group div.form-item.form-item-amount a.button {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 15px;
  line-height: 48px;
  color: rgba(255, 255, 255, 0.3137254902);
  font-size: 14px;
}
form.general-form div.form-buttons {
  margin-bottom: 24px;
  text-align: center;
}
form.general-form div.form-buttons button {
  width: 100%;
  height: 52px;
  background-color: #eccc73;
  border-radius: 12px;
  border: none;
  font-family: "SF Pro Rounded Semibold";
  font-size: 20px;
  letter-spacing: 0.2px;
  font-feature-settings: "liga" off, "clig" off;
}
form.general-form div.form-after {
  text-align: center;
  font-family: "SF Pro Rounded Regular";
  font-size: 14px;
  color: #9CA3AF;
  letter-spacing: 0.18px;
}
form.general-form div.form-after a {
  color: #fff;
  transition-duration: 0.5s;
}
form.general-form div.form-after a:hover {
  color: #eccc73;
}

/* Layouts */
header#app-header div.top-header {
  padding: 20px 30px;
  display: flex;
  align-items: center;
}
header#app-header div.top-header nav.top-menu {
  display: inline-flex;
  font-size: 0;
  margin-right: auto;
}
header#app-header div.top-header nav.top-menu ul {
  padding: 0;
  margin: 0;
}
header#app-header div.top-header nav.top-menu ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
header#app-header div.top-header nav.top-menu ul li:last-child {
  margin-right: 0;
}
header#app-header div.top-header nav.top-menu ul li a {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 16px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  transition-duration: 0.5s;
}
header#app-header div.top-header nav.top-menu ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
header#app-header div.top-header nav.top-menu ul li a span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
}
header#app-header div.top-header nav.top-menu ul li a span.icon img {
  max-width: 100%;
  height: auto;
}
header#app-header div.top-header nav.top-menu ul li a span.text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
  font-family: "Inter SemiBold";
}
header#app-header div.top-header div.top-boxs {
  display: flex;
  align-items: center;
}
header#app-header div.top-header div.top-boxs div.language {
  display: inline-flex;
  position: relative;
}
header#app-header div.top-header div.top-boxs div.language div.current-language {
  height: 28px;
  border-radius: 12px;
  border: 1px solid rgba(91, 91, 91, 0.4);
  display: flex;
  font-size: 0;
  align-items: center;
  padding: 0px 6px;
  cursor: pointer;
}
header#app-header div.top-header div.top-boxs div.language div.current-language span.flag {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.language div.current-language span.flag img {
  max-width: 100%;
  height: auto;
}
header#app-header div.top-header div.top-boxs div.language div.current-language span.text {
  padding: 0px 5px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-family: "LibreFranklin Regular";
  text-transform: uppercase;
}
header#app-header div.top-header div.top-boxs div.language div.current-language span.down {
  width: 13px;
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.language div.current-language span.down img {
  max-width: 100%;
}
header#app-header div.top-header div.top-boxs div.language div.other-languages {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  padding: 10px;
  position: absolute;
  top: 40px;
  left: calc(50% - 35px);
  min-width: 70px;
  z-index: 5;
  display: none;
  animation: 0.5s fromBottom;
}
header#app-header div.top-header div.top-boxs div.language div.other-languages.active {
  display: block;
}
header#app-header div.top-header div.top-boxs div.language div.other-languages a.language {
  display: block;
  font-size: 0;
}
header#app-header div.top-header div.top-boxs div.language div.other-languages a.language span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
header#app-header div.top-header div.top-boxs div.language div.other-languages a.language span.icon img {
  max-width: 100%;
  height: auto;
}
header#app-header div.top-header div.top-boxs div.language div.other-languages a.language span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "LibreFranklin Regular";
  font-size: 14px;
  color: #fff;
  padding-left: 5px;
  text-transform: uppercase;
}
header#app-header div.top-header div.top-boxs div.user-buttons {
  display: inline-flex;
  margin-left: 6px;
  position: relative;
}
header#app-header div.top-header div.top-boxs div.user-buttons a.button {
  display: inline-flex;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  padding: 7.5px 15px;
  font-size: 14px;
  color: #fff;
  font-family: "SF Pro Rounded Semibold";
  margin-left: 10px;
}
header#app-header div.top-header div.top-boxs div.user-buttons a.button span.text {
  padding-left: 10px;
}
header#app-header div.top-header div.top-boxs div.user-buttons a.button:hover {
  background-color: #eccc73;
  color: #000;
}
header#app-header div.top-header div.top-boxs div.user-buttons a.button:hover span.icon img {
  filter: brightness(0);
}
header#app-header div.top-header div.top-boxs div.user-buttons a.button:first-child {
  margin-left: 0;
}
header#app-header div.top-header div.top-boxs div.user-box {
  display: inline-flex;
  margin-left: 6px;
  position: relative;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user {
  cursor: pointer;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user div.coin {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  border: 1px solid #F6F6F6;
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
  height: 28px;
  line-height: 28px;
  padding: 0px 9px;
  font-size: 0;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user div.coin div.icon {
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user div.coin div.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "LibreFranklin Regular";
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user figure.avatar {
  margin-bottom: 0;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 47px;
  position: relative;
  margin-left: 6px;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user figure.avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #FF37F9, #FF4A6B, #FF4C2B, #FF9901);
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user figure.avatar img {
  max-width: 100%;
  height: auto;
  border-radius: 47px;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user div.down {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
header#app-header div.top-header div.top-boxs div.user-box div.current-user div.down img {
  filter: brightness(0) invert(1);
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user {
  position: absolute;
  top: 60px;
  width: 240px;
  left: calc(50% - 120px);
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
  z-index: 5;
  display: none;
  animation: 0.5s fromBottom;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user.active {
  display: block;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user:before {
  position: absolute;
  content: "";
  top: -19px;
  left: calc(50% - 9px);
  border: 9px solid transparent;
  border-bottom-color: #181818;
  z-index: 6;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user:after {
  position: absolute;
  content: "";
  top: -23px;
  left: calc(50% - 11px);
  border: 11px solid transparent;
  border-bottom-color: #272727;
  z-index: 5;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content {
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid #272727;
  background: #181818;
  padding: 25px 15px;
  font-size: 0;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content figure.avatar {
  margin-bottom: 0;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 47px;
  position: relative;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content figure.avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #FF37F9, #FF4A6B, #FF4C2B, #FF9901);
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content figure.avatar img {
  max-width: 100%;
  height: auto;
  border-radius: 47px;
  position: relative;
  z-index: 2;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 47px);
  padding-left: 10px;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content div.details div.username {
  font-family: "Roboto Bold";
  font-size: 16px;
  color: #fff;
  margin-bottom: 7px;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content div.details div.email {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 20px;
  line-height: 18px;
  width: 100%;
  text-align: center;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content div.details div.email div.icon {
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.user-content div.details div.email div.mail {
  color: #fff;
  padding-left: 5px;
  font-family: "Inter SemiBold";
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.coin-area div.coin-box {
  padding: 8px 10px;
  font-size: 0;
  border-bottom: 1px solid #272727;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.coin-area div.coin-box div.icon {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.coin-area div.coin-box div.icon img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.coin-area div.coin-box div.value {
  width: calc(100% - 18px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-family: "Roboto Regular";
  font-size: 16px;
  color: #fff;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user div.coin-area a.coin-convert {
  background-color: #eccc73;
  height: 40px;
  line-height: 40px;
  font-family: "Inter Bold";
  font-size: 16px;
  color: #000;
  display: block;
  text-align: center;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user ul {
  padding: 0;
  margin: 0;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li {
  display: block;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li.logout a, header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li.logout button {
  background: #D80027 !important;
  color: #fff;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li:last-child a, header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li:last-child button {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li a, header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li button {
  height: 48px;
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0px 25px;
  font-family: "Roboto Regular";
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.112px;
}
header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li a:hover, header#app-header div.top-header div.top-boxs div.user-box div.options-user ul li button:hover {
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
}
header#app-header div.top-header div.top-boxs div.buttons {
  display: inline-flex;
  padding-left: 20px;
  margin-left: 20px;
  position: relative;
  font-size: 0;
}
header#app-header div.top-header div.top-boxs div.buttons:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 27px;
  background-color: rgba(255, 255, 255, 0.26);
}
header#app-header div.top-header div.top-boxs div.buttons a.button {
  margin-right: 15px;
}
header#app-header div.top-header div.top-boxs div.buttons a.button:last-child {
  margin-right: 0;
}
header#app-header div.top-header div.top-boxs div.buttons a.button span.icon {
  width: 28px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
}
header#app-header div.top-header div.top-boxs div.buttons a.button span.icon img {
  max-width: 100%;
  height: auto;
}
header#app-header div.marquee-header {
  height: 54px;
  border-top: 1px solid #272727;
  border-bottom: 1px solid #272727;
  background: #181818;
  overflow: hidden;
  display: flex;
}
header#app-header div.marquee-header .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}
header#app-header div.marquee-header .swiper-slide {
  text-align: center;
  font-size: 33px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  position: relative;
  overflow: hidden;
  padding: 0;
}
header#app-header div.marquee-header .marquee-item {
  font-size: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  padding-left: 50px;
  padding-right: 50px;
}
header#app-header div.marquee-header .marquee-item div.logo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
header#app-header div.marquee-header .marquee-item div.logo img {
  max-width: 92px;
  height: auto;
  max-height: 25px;
}
header#app-header div.marquee-header .marquee-item div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter SemiBold";
  font-size: 16px;
  color: #fff;
}
@keyframes line-slide {
  0% {
    background-position: -5% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

div#app-sidebar {
  border-right: 1px solid #272727;
  background: #111;
  padding: 50px 0px 30px;
  flex-wrap: wrap;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  width: 322px;
  display: inline-flex;
  vertical-align: top;
}
div#app-sidebar div.items {
  width: 100%;
}
div#app-sidebar div.user-box {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}
div#app-sidebar div.user-box div.current-user {
  cursor: pointer;
}
div#app-sidebar div.user-box div.current-user div.coin {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  border: 1px solid #F6F6F6;
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
  height: 28px;
  line-height: 28px;
  padding: 0px 9px;
  font-size: 0;
}
div#app-sidebar div.user-box div.current-user div.coin div.icon {
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.user-box div.current-user div.coin div.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "LibreFranklin Regular";
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
}
div#app-sidebar div.user-box div.current-user figure.avatar {
  margin-bottom: 0;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 47px;
  position: relative;
  margin-right: 6px;
}
div#app-sidebar div.user-box div.current-user figure.avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #FF37F9, #FF4A6B, #FF4C2B, #FF9901);
}
div#app-sidebar div.user-box div.current-user figure.avatar img {
  max-width: 100%;
  height: auto;
  border-radius: 47px;
}
div#app-sidebar div.user-box div.current-user div.down {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
div#app-sidebar div.user-box div.current-user div.down img {
  filter: brightness(0) invert(1);
}
div#app-sidebar div.user-box div.options-user {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
  z-index: 5;
  display: none;
  width: 100%;
  position: relative;
  margin-top: 20px;
}
div#app-sidebar div.user-box div.options-user.active {
  display: block;
}
div#app-sidebar div.user-box div.options-user:before {
  position: absolute;
  content: "";
  top: -19px;
  left: calc(50% - 9px);
  border: 9px solid transparent;
  border-bottom-color: #181818;
  z-index: 6;
}
div#app-sidebar div.user-box div.options-user:after {
  position: absolute;
  content: "";
  top: -23px;
  left: calc(50% - 11px);
  border: 11px solid transparent;
  border-bottom-color: #272727;
  z-index: 5;
}
div#app-sidebar div.user-box div.options-user div.user-content {
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid #272727;
  background: #181818;
  padding: 25px 15px;
  font-size: 0;
}
div#app-sidebar div.user-box div.options-user div.user-content figure.avatar {
  margin-bottom: 0;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 47px;
  position: relative;
}
div#app-sidebar div.user-box div.options-user div.user-content figure.avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #FF37F9, #FF4A6B, #FF4C2B, #FF9901);
}
div#app-sidebar div.user-box div.options-user div.user-content figure.avatar img {
  max-width: 100%;
  height: auto;
  border-radius: 47px;
  position: relative;
  z-index: 2;
}
div#app-sidebar div.user-box div.options-user div.user-content div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 47px);
  padding-left: 10px;
}
div#app-sidebar div.user-box div.options-user div.user-content div.details div.username {
  font-family: "Roboto Bold";
  font-size: 14px;
  color: #fff;
  margin-bottom: 7px;
}
div#app-sidebar div.user-box div.options-user div.user-content div.details div.email {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #181818;
  height: 20px;
  line-height: 18px;
  width: 100%;
  text-align: center;
}
div#app-sidebar div.user-box div.options-user div.user-content div.details div.email div.icon {
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.user-box div.options-user div.user-content div.details div.email div.mail {
  color: #fff;
  padding-left: 5px;
  font-family: "Inter SemiBold";
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.user-box div.options-user div.coin-area div.coin-box {
  padding: 8px 10px;
  font-size: 0;
  border-bottom: 1px solid #272727;
}
div#app-sidebar div.user-box div.options-user div.coin-area div.coin-box div.icon {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.user-box div.options-user div.coin-area div.coin-box div.icon img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
div#app-sidebar div.user-box div.options-user div.coin-area div.coin-box div.value {
  width: calc(100% - 18px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-family: "Roboto Regular";
  font-size: 14px;
  color: #fff;
}
div#app-sidebar div.user-box div.options-user div.coin-area a.coin-convert {
  background-color: #eccc73;
  height: 40px;
  line-height: 40px;
  font-family: "Inter Bold";
  font-size: 12px;
  color: #000;
  display: block;
  text-align: center;
}
div#app-sidebar div.user-box div.options-user ul {
  padding: 0;
  margin: 0;
}
div#app-sidebar div.user-box div.options-user ul li {
  display: block;
}
div#app-sidebar div.user-box div.options-user ul li.logout a, div#app-sidebar div.user-box div.options-user ul li.logout button {
  background: #D80027 !important;
  color: #fff;
}
div#app-sidebar div.user-box div.options-user ul li:last-child a, div#app-sidebar div.user-box div.options-user ul li:last-child button {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
div#app-sidebar div.user-box div.options-user ul li a, div#app-sidebar div.user-box div.options-user ul li button {
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0px 25px;
  border: none;
  width: 100%;
  font-family: "Roboto Regular";
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.112px;
}
div#app-sidebar div.user-box div.options-user ul li a:hover, div#app-sidebar div.user-box div.options-user ul li button:hover {
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
}
div#app-sidebar div.user-buttons {
  padding: 0px 30px 20px;
  display: inline-flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}
div#app-sidebar div.user-buttons a.button {
  flex: 1 auto;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  padding: 7.5px 15px;
  font-size: 14px;
  color: #fff;
  font-family: "SF Pro Rounded Semibold";
  transition-duration: 0.5s;
}
div#app-sidebar div.user-buttons a.button span.text {
  padding-left: 10px;
}
div#app-sidebar div.user-buttons a.button:hover {
  background-color: #eccc73;
  color: #000;
}
div#app-sidebar div.user-buttons a.button:first-child {
  margin-left: 0;
}
div#app-sidebar div.side-buttons {
  margin-top: auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}
div#app-sidebar div.side-buttons .button {
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  display: block;
  background-image: url("../../images/swatch.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  overflow: hidden;
}
div#app-sidebar div.side-buttons .button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
div#app-sidebar div.side-buttons .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}
div#app-sidebar div.side-buttons .button:hover::after {
  left: 100%;
}
div#app-sidebar div.side-buttons .button:last-child {
  margin-bottom: 0;
}
div#app-sidebar div.side-buttons .button div.title {
  font-family: "Roboto Bold";
  font-size: 20px;
  color: #fff;
}
div#app-sidebar div.side-buttons .button div.title span {
  background: linear-gradient(0deg, #eccc73 -2.72%, #CFE3F7 102.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div#app-sidebar div.side-buttons .button div.statu {
  font-family: "Roboto Regular";
  font-size: 14px;
  color: #fff;
}
div#app-sidebar div.side-buttons .button div.statu span {
  color: #57BBB9;
}
div#app-sidebar div.side-buttons .button.how:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-image: url("../../images/how-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 75px;
  height: 92px;
}
div#app-sidebar div.side-buttons .button.telegrams:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-image: url("../../images/tg-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 75px;
  height: 92px;
}
div#app-sidebar div.logo {
  padding: 0px 30px;
  margin-bottom: 25px;
}
div#app-sidebar div.logo img {
  max-width: 75%;
  width: 100%;
  height: auto;
}
div#app-sidebar div.side-slider-menu {
  padding: 0px 30px;
  margin-bottom: 30px;
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item {
  border-radius: 7px;
  border: 2px solid #eccc73;
  background: #111;
  box-shadow: 0px 0px 44.9px -16px rgba(0, 255, 246, 0.05);
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 15px;
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item:hover div.button div.icon {
  margin-left: 10px;
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item div.title {
  font-family: "Roboto Regular";
  font-size: 20px;
  line-height: 24px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 5px;
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item div.title strong {
  font-family: "Roboto Bold";
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item div.desc {
  font-family: "Roboto Regular";
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 18px;
  margin-bottom: 16px;
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item div.button div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto Regular";
  font-size: 14px;
  line-height: 15.4px;
  color: #fff;
}
div#app-sidebar div.side-slider-menu div.menuSlider a.menu-item div.button div.icon {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border-radius: 17px;
  text-align: center;
  line-height: 17px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  transition-duration: 0.2s;
}
div#app-sidebar div.side-slider-menu div.menuSlider .swiper-pagination {
  position: relative;
  transform: unset;
  bottom: unset;
  left: unset;
  font-size: 0;
  margin-top: 15px;
}
div#app-sidebar div.side-slider-menu div.menuSlider .swiper-pagination span.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0px 4px;
  background-color: rgba(255, 255, 255, 0.05);
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.side-slider-menu div.menuSlider .swiper-pagination span.swiper-pagination-bullet:first-child {
  margin-left: 0;
}
div#app-sidebar div.side-slider-menu div.menuSlider .swiper-pagination span.swiper-pagination-bullet:last-child {
  margin-right: 0;
}
div#app-sidebar div.side-slider-menu div.menuSlider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  background-color: #eccc73;
}
div#app-sidebar nav.side-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
div#app-sidebar nav.side-menu ul {
  padding: 0;
  margin: 0;
}
div#app-sidebar nav.side-menu ul li {
  display: block;
  margin-bottom: 10px;
}
div#app-sidebar nav.side-menu ul li:last-child {
  margin-bottom: 0;
}
div#app-sidebar nav.side-menu ul li a {
  display: flex;
  align-items: center;
  transition-duration: 0.5s;
  padding: 5px;
  border-radius: 4px;
}
div#app-sidebar nav.side-menu ul li a.active {
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
}
div#app-sidebar nav.side-menu ul li a:hover {
  padding-left: 10px;
}
div#app-sidebar nav.side-menu ul li a span.icon {
  width: 18px;
  display: inline-flex;
  vertical-align: middle;
}
div#app-sidebar nav.side-menu ul li a span.icon img {
  max-width: 100%;
  height: auto;
}
div#app-sidebar nav.side-menu ul li a span.text {
  display: inline-flex;
  vertical-align: middle;
  font-family: "Roboto Regular";
  font-size: 17px;
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.8);
}
div#app-sidebar nav.side-menu ul li a span.down {
  margin-left: auto;
}
div#app-sidebar nav.side-menu ul li a span.down img {
  filter: brightness(0) invert(1);
}
div#app-sidebar nav.side-menu ul li a span.count {
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.062745098);
  border-radius: 19px;
  margin-left: auto;
  font-size: 10px;
  color: #fff;
  text-align: center;
  line-height: 19px;
}
div#app-sidebar nav.side-menu ul li ul {
  border-left: 1px solid #343434;
  padding: 10px 0px;
  margin-left: 16px;
  padding-left: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
}
div#app-sidebar div.side-head {
  font-size: 0;
  margin-bottom: 10px;
}
div#app-sidebar div.side-head div.icon {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
div#app-sidebar div.side-head div.icon img {
  max-width: 20px;
  width: 100%;
  height: auto;
}
div#app-sidebar div.side-head div.title {
  width: calc(100% - 26px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter Medium";
  font-size: 18px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div#app-sidebar div.leadership-area {
  padding: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
div#app-sidebar div.leadership-area div.area-list {
  font-size: 0;
  counter-reset: section;
}
div#app-sidebar div.leadership-area div.area-list div.list-block {
  border-radius: 12px;
  background: #141414;
  margin-bottom: 10px;
  padding: 0px 16px;
  height: 35px;
  line-height: 35px;
  transition-duration: 0.5s;
}
div#app-sidebar div.leadership-area div.area-list div.list-block:hover {
  background-color: #eccc73;
}
div#app-sidebar div.leadership-area div.area-list div.list-block:hover div.count, div#app-sidebar div.leadership-area div.area-list div.list-block:hover div.username {
  color: #000;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.count {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  color: #fff;
  font-family: "Inter SemiBold";
  transition-duration: 0.5s;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.count.cup {
  font-size: 0;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.count.cup img {
  max-width: 100%;
  height: auto;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.count:before {
  content: counter(section);
  counter-increment: section;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.username {
  width: calc(100% - 112px);
  display: inline-block;
  vertical-align: middle;
  padding: 0px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Inter Medium";
  font-size: 14px;
  transition-duration: 0.5s;
  color: #fff;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.point {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  border-radius: 6px;
  border: 1px solid #272727;
  background: #181818;
  line-height: 18px;
  text-align: center;
  padding: 0px 2px;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.point div.icon {
  width: 12.5px;
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.point div.icon img {
  max-width: 100%;
  height: auto;
}
div#app-sidebar div.leadership-area div.area-list div.list-block div.point div.number {
  max-width: calc(100% - 12.5px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto Regular";
  font-size: 12px;
  padding-left: 5px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div#app-sidebar div.leadership-area div.area-footer {
  text-align: center;
}
div#app-sidebar div.leadership-area div.area-footer .button {
  display: inline-block;
  vertical-align: middle;
  background-color: #eccc73;
  border-radius: 8px;
  height: 26px;
  line-height: 26px;
  padding: 0px 15px;
  font-family: "Roboto SemiBold";
  font-size: 12px;
}
div#app-sidebar div.draw-area {
  padding: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
div#app-sidebar div.draw-area div.side-head {
  position: relative;
}
div#app-sidebar div.draw-area div.side-head div.arrows {
  display: inline-flex;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
}
div#app-sidebar div.draw-area div.side-head div.arrows .button {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 25px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  text-align: center;
  line-height: 23px;
  font-size: 0;
}
div#app-sidebar div.draw-area div.side-head div.arrows .button.prev {
  margin-right: 5px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .swiper-pagination {
  position: relative;
  transform: unset;
  bottom: unset;
  left: unset;
  font-size: 0;
  margin-top: 15px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .swiper-pagination span.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0px 4px;
  background-color: rgba(255, 255, 255, 0.05);
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .swiper-pagination span.swiper-pagination-bullet:first-child {
  margin-left: 0;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .swiper-pagination span.swiper-pagination-bullet:last-child {
  margin-right: 0;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  background-color: #eccc73;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item {
  display: block;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  text-align: center;
  color: #fff;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 20px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.logos {
  margin-bottom: 12.5px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.logos img {
  max-width: 200px;
  max-height: 25px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.person {
  font-family: "Roboto Regular";
  font-size: 14px;
  color: #eccc73;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.prize {
  font-family: "Inter SemiBold";
  font-size: 28px;
  margin-bottom: 10px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.timer {
  background-color: #eccc73;
  border-radius: 12px;
  height: 23px;
  line-height: 23px;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.timer div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto SemiBold";
  font-size: 12px;
  color: #000;
}
div#app-sidebar div.draw-area div.area-draw div.drawSlider .draw-item div.timer div.when-time-2 {
  color: #000;
  font-family: "Roboto SemiBold";
  padding-left: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
div#app-sidebar div.box-area {
  padding: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
div#app-sidebar div.box-area img {
  max-width: 100%;
  height: auto;
}
div#app-sidebar div.buttons-area {
  padding: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
div#app-sidebar div.buttons-area .row {
  margin: 0px -6px;
}
div#app-sidebar div.buttons-area .col-4 {
  padding: 0px 6px;
}
div#app-sidebar div.buttons-area .button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  height: 82px;
  margin-bottom: 12px;
  transition-duration: 0.5s;
}
div#app-sidebar div.buttons-area .button img {
  max-width: 37px;
  height: auto;
}

/* Footer */
footer#app-footer {
  border-top: 1px solid #272727;
  background: #111;
  padding: 50px 0px;
  position: relative;
  z-index: 1;
}
footer#app-footer div.upper-footer {
  border-bottom: 1px solid #272727;
  margin-bottom: 20px;
}
footer#app-footer div.upper-footer div.about-us div.logo {
  margin-bottom: 18px;
}
footer#app-footer div.upper-footer div.about-us div.logo img {
  max-width: 210px;
  height: auto;
}
footer#app-footer div.upper-footer div.about-us div.desc {
  font-family: "Roboto Regular";
  font-size: 11px;
  line-height: 17px;
  color: #9CA3AF;
}
footer#app-footer div.upper-footer nav.menu-block {
  margin-bottom: 50px;
}
footer#app-footer div.upper-footer nav.menu-block div.title {
  font-family: "Roboto Bold";
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
  border-bottom: 2px solid #272727;
}
footer#app-footer div.upper-footer nav.menu-block div.title:after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 62px;
  background-color: #eccc73;
  border-radius: 4px;
}
footer#app-footer div.upper-footer nav.menu-block ul {
  padding: 0;
  margin: 0;
}
footer#app-footer div.upper-footer nav.menu-block ul li {
  display: block;
  font-family: "Inter Regular";
  font-size: 14px;
  line-height: 14px;
  color: #9CA3AF;
  margin-bottom: 15px;
  transition-duration: 0.5s;
}
footer#app-footer div.upper-footer nav.menu-block ul li:hover {
  color: #eccc73;
}
footer#app-footer div.upper-footer nav.menu-block ul li:last-child {
  margin-bottom: 0;
}
footer#app-footer div.lower-footer div.alert-box div.box-title {
  font-size: 0;
  text-align: center;
  margin-bottom: 15px;
}
footer#app-footer div.lower-footer div.alert-box div.box-title div.icon {
  display: inline-block;
  vertical-align: middle;
}
footer#app-footer div.lower-footer div.alert-box div.box-title div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter SemiBold";
  font-size: 24px;
  color: #fff;
  padding-left: 5px;
}
footer#app-footer div.lower-footer div.alert-box div.box-content {
  font-family: "Roboto Regular";
  font-size: 16px;
  color: #6B7589;
  line-height: 22.4px;
  text-align: center;
}

/* Pages */
div#main-content {
  padding: 30px;
}
div#main-content div#main-area {
  display: block;
  font-size: 0;
  margin-bottom: 160px;
}
div#main-content div#main-area div.page-area {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 250px);
  padding-right: 25px;
}
div#main-content div#main-area div.page-area div.general-block {
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area a.box-block img {
  max-width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.page-block {
  border-radius: 8px;
  border: 1px solid #272727;
  background: #181818;
  margin-bottom: 30px;
}
div#main-content div#main-area div.page-area div.page-block div.page-header {
  padding: 16px;
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
div#main-content div#main-area div.page-area div.page-block div.page-header .page-title {
  margin: 0;
  padding: 0;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.page-block div.page-header div.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.page-block div.page-header div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter Medium";
  font-size: 24px;
  line-height: 24px;
  padding-left: 10px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div#main-content div#main-area div.page-area div.page-block div.page-content {
  padding: 16px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.page-block div.page-content strong {
  font-family: "SF Pro Rounded Semibold";
}
div#main-content div#main-area div.page-area div.site-listing {
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing .row {
  margin: 0px -7.5px;
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing div.listing-block {
  margin-bottom: 15px;
  padding: 0px 7.5px;
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing a.site-block {
  display: flex;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  height: 96px;
  align-items: center;
  justify-content: center;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing a.site-block::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing a.site-block:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing a.site-block:hover::after {
  left: 100%;
}
div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing a.site-block img {
  max-width: 200px;
  max-height: 66px;
  height: auto;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing ul {
  gap: 10px;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing ul li button {
  width: 100%;
  padding: 15px;
  background-color: #111;
  font-size: 18px;
  font-family: "SF Pro Rounded Semibold";
  border-radius: 10px;
  color: #fff;
  border: none;
  border: 1px solid #272727;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing ul li button.active {
  background-color: #eccc73;
  color: #111;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block {
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block {
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  padding: 25px 20px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.logo {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 50px;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details {
  width: calc(100% - 445px);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details div.block {
  width: 33.3%;
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter Regular";
  font-size: 24px;
  background: linear-gradient(90deg, #FFF -2.68%, #BFBEBE 30.55%, #999 83.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details div.block:last-child {
  border-right: none;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details div.block span {
  background: linear-gradient(0deg, #eccc73 -2.72%, #CFE3F7 102.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Inter ExtraBold";
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons {
  width: 245px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button {
  height: 43px;
  border-radius: 12px;
  background: #eccc73;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0;
  overflow: hidden;
  position: relative;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button:hover::after {
  left: 100%;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button.detail {
  margin-bottom: 15px;
  border: 1px solid #272727;
  background: #181818;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button.detail span.text {
  color: #fff;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button.detail span.icon {
  filter: brightness(0) invert(1);
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button span.text {
  font-family: "Roboto SemiBold";
  font-size: 12px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button span.icon {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
div#main-content div#main-area div.page-area div.site-listing.trustable-listing div.area-listing .row {
  margin: 0px -6px;
}
div#main-content div#main-area div.page-area div.site-listing.trustable-listing div.area-listing div.listing-block {
  padding: 0px 6px;
  margin-bottom: 12px;
}
div#main-content div#main-area div.page-area div.site-listing.trustable-listing div.area-listing div.listing-block a.site-block {
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
div#main-content div#main-area div.page-area div.site-listing.trustable-listing div.area-listing div.listing-block a.site-block img {
  max-width: 100%;
  height: auto;
  padding: 15px;
  max-height: 135px;
}
div#main-content div#main-area div.page-area div.story-area {
  margin-bottom: 30px;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item {
  display: block;
  position: relative;
  overflow: hidden;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item:hover div.story-title div.count {
  background-image: linear-gradient(90deg, #eccc73 0%, #eccc73 100%);
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item.story-item-loading figure.story-image::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 20px;
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #ffeaa7, #dda0dd, #ff9ff3, #ff6b6b);
  background-size: 1000% 1000%;
  animation: spin 5s ease infinite;
  width: 400%;
  height: 400%;
  z-index: -1;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item figure.story-image {
  width: 100%;
  height: 156px;
  border-radius: 16px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  padding: 2px;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item figure.story-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item div.story-title {
  text-align: center;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item div.story-title div.title {
  font-family: "Roboto Regular";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.story-area div.storySlider a.story-item div.story-title div.count {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 20px;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  margin-left: 5px;
}
div#main-content div#main-area div.page-area div.area-header {
  font-size: 0;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.area-header div.icon {
  width: 53px;
  height: 53px;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url("../../images/swatch.png");
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
div#main-content div#main-area div.page-area div.area-header div.icon img {
  filter: brightness(0) invert(1);
}
div#main-content div#main-area div.page-area div.area-header div.details {
  display: inline-flex;
  margin-right: auto;
  flex-wrap: wrap;
  vertical-align: middle;
  padding-left: 10px;
}
div#main-content div#main-area div.page-area div.area-header div.details div.title {
  font-family: "Inter SemiBold";
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 4px;
}
div#main-content div#main-area div.page-area div.area-header div.details div.desc {
  font-family: "Inter Regular";
  font-size: 16px;
  line-height: 16px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.area-header div.buttons {
  width: 200px;
  font-size: 14px;
  text-align: right;
}
div#main-content div#main-area div.page-area div.area-header div.buttons .button {
  transition-duration: 0.5s;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid #272727;
  background: #181818;
  padding: 6px 23.828px 6px 25.172px;
  font-family: "Roboto Bold";
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
div#main-content div#main-area div.page-area div.area-header div.buttons .button:hover {
  background-color: #eccc73;
  color: #000;
}
div#main-content div#main-area div.page-area div.area-footer div.footer-paginate {
  text-align: right;
}
div#main-content div#main-area div.page-area div.area-footer div.footer-paginate nav {
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.area-footer div.footer-paginate nav ul {
  padding: 0;
  margin: 0;
}
div#main-content div#main-area div.page-area div.area-footer div.footer-paginate nav ul li {
  margin: 0px 3.5px;
  width: 30px;
  height: 30px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.area-footer div.footer-paginate nav ul li.active span {
  border-color: #272727;
  background: #181818;
}
div#main-content div#main-area div.page-area div.area-footer div.footer-paginate nav ul li span, div#main-content div#main-area div.page-area div.area-footer div.footer-paginate nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-family: "Inter Regular";
  font-size: 14px;
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: none !important;
  box-shadow: none !important;
}
div#main-content div#main-area div.page-area div.promotions-area {
  margin-bottom: 30px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions .row {
  margin: 0px -7px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block {
  padding: 0px 7px;
  margin-bottom: 14px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item {
  display: flex;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  padding: 24px 17px;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  flex-wrap: wrap;
  height: 100%;
  transition-duration: 0.5s;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item:hover {
  border-color: #eccc73;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item:hover div.button div.icon {
  margin-left: 16px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item div.head {
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item figure.logo {
  display: block;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item figure.logo img {
  max-width: 120px;
  height: auto;
  max-height: 40px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item div.title {
  font-family: "Inter SemiBold";
  font-size: 24px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 8px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item div.desc {
  font-family: "Inter Regular";
  font-size: 14px;
  line-height: 20px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item div.button {
  margin-top: auto;
  background-color: #eccc73;
  border-radius: 12px;
  height: 36px;
  line-height: 36px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item div.button div.text {
  font-family: "Roboto SemiBold";
  font-size: 12px;
  line-height: 12px;
}
div#main-content div#main-area div.page-area div.promotions-area div.area-promotions div.promotion-block .promotion-item div.button div.icon {
  font-size: 0;
  margin-left: 8px;
  transition-duration: 0.2s;
}
div#main-content div#main-area div.page-area div.demo-games-area {
  margin-bottom: 30px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters form.small-search {
  height: 33px;
  border-radius: 4px;
  background: #181818;
  padding: 0px 10px;
  min-width: 230px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters form.small-search button {
  border: none;
  background-color: transparent;
  line-height: 33px;
  width: 17px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters form.small-search input {
  width: calc(100% - 17px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  font-family: "Inter SemiBold";
  font-size: 12px;
  color: #fff;
  border: none;
  background-color: transparent;
  padding-left: 15px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters div.select {
  display: inline-block;
  vertical-align: middle;
  height: 33px;
  padding: 0px 15px;
  cursor: pointer;
  line-height: 31px;
  margin-left: 15px;
  border-radius: 2px;
  border: 1px solid #272727;
  background: #181818;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters div.select div.icons {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters div.select select {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 30px);
  min-width: 100px;
  font-size: 14px;
  font-family: "Roboto Bold";
  color: #fff;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0px 10px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters div.select div.down {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters div.select div.down img {
  filter: brightness(0) invert(1);
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-provider-filter {
  font-size: 0;
  margin-bottom: 10px;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  overflow: scroll;
  flex-wrap: unset;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-provider-filter a.button {
  flex-shrink: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  border-radius: 99px;
  border: 1px solid #272727;
  background: #141414;
  height: 40px;
  line-height: 38px;
  padding: 0px 23px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-provider-filter a.button.active {
  color: #000;
  background-color: #eccc73;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-provider-filter::-webkit-scrollbar {
  display: none;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-provider-filter {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games .row {
  margin: 0px -7px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block {
  padding: 0px 7px;
  margin-bottom: 14px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item {
  border-radius: 7px;
  border: 1px solid #272727;
  display: block;
  padding: 20px;
  background: #111;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item:hover {
  border-color: #eccc73;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item:hover div.game-button div.icon {
  margin-left: 16px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item figure.game-image {
  position: relative;
  margin-bottom: 0;
  text-align: center;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item figure.game-image img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  max-height: 100px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item figure.game-image div.tips {
  position: absolute;
  top: 0;
  right: 0;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item div.game-title {
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Inter ExtraBold";
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  margin: 15px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item div.game-button {
  border-radius: 12px;
  background: #eccc73;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item div.game-button div.text {
  font-family: "Roboto SemiBold";
  font-size: 12px;
  line-height: 12px;
}
div#main-content div#main-area div.page-area div.demo-games-area div.area-demo-games div.demo-game-block .demo-game-item div.game-button div.icon {
  font-size: 0;
  margin-left: 8px;
  transition-duration: 0.2s;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area {
  display: grid;
  grid-template-columns: 323px calc(100% - 338px);
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side {
  border-radius: 10px;
  border: 1px solid #272727;
  background: #111;
  margin-bottom: 15px;
  padding: 20px 8px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side figure.game-image {
  text-align: center;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side figure.game-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.area-title {
  font-size: 0;
  border-bottom: 1px solid rgba(217, 217, 217, 0.05);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.area-title div.icon {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.area-title div.icon img {
  max-width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.area-title div.title {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 25px);
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Inter Bold";
  padding-left: 10px;
  font-size: 22px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.game-features div.block {
  font-size: 0;
  margin-bottom: 10px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.game-features div.block:last-child {
  margin-bottom: 0;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.game-features div.block div.title {
  font-family: "Roboto Bold";
  font-size: 16px;
  color: #fff;
  width: 65%;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-side div.game-features div.block div.value {
  width: 35%;
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto Regular";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-align: right;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-game {
  margin-left: 15px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #111;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-game iframe {
  width: 100%;
  height: 100%;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs .row {
  margin: 0px -12px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box {
  margin-bottom: 24px;
  padding: 0px 12px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box div.game-box-item {
  border-radius: 6px;
  border: 1px solid #272727;
  background: #111;
  padding: 20px 15px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box div.game-box-item div.icon {
  width: 25px;
  display: inline-block;
  vertical-align: top;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box div.game-box-item div.details {
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: top;
  padding: 0px 15px;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box div.game-box-item div.details div.title {
  font-family: "Inter Regular";
  font-size: 12px;
  line-height: 12px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box div.game-box-item div.details div.value {
  font-family: "SF Pro Rounded Semibold";
  font-size: 28px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.demo-game-area div.game-boxs div.game-box div.game-box-item div.tooltips {
  display: inline-block;
  width: 20px;
  vertical-align: top;
}
div#main-content div#main-area div.page-area div.leadership-area {
  padding-top: 50px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block {
  margin-bottom: 35px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block:first-child {
  margin-top: 35px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block:first-child div.box-item div.cup {
  background-color: #CDCDCD;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block:nth-child(2) div.box-item div.cup {
  background-color: #FFD365;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block:last-child {
  margin-top: 50px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block:last-child div.box-item div.cup {
  background-color: #b86e39;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item {
  text-align: center;
  margin-bottom: 115px;
  position: relative;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item:before {
  position: absolute;
  content: "";
  top: 65%;
  left: calc(50% - 176px);
  width: 353px;
  height: 229px;
  background-image: url("../../images/stand-box.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-position: 50% 50% !important;
  background-size: cover;
  z-index: -1;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item figure.avatar {
  width: 114px;
  height: 114px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #111;
  margin: 0 auto;
  margin-bottom: 11px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item figure.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item div.username {
  font-family: "Inter SemiBold";
  font-size: 24px;
  color: #fff;
  margin-bottom: 32px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item div.cup {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 4px;
  margin: 0 auto;
  margin-bottom: 10px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item div.point {
  border-radius: 6px;
  border: 1px solid #272727;
  background: #181818;
  font-size: 0;
  height: 36px;
  line-height: 34px;
  padding: 0px 8px;
  display: inline-block;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item div.point div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  line-height: 12px;
  height: 12px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item div.point div.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter SemiBold";
  font-size: 16px;
  color: #fff;
  padding-left: 4px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable {
  width: 100%;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable thead tr th {
  height: 57px;
  background-color: #eccc73;
  padding: 0px 20px;
  font-family: "Inter Bold";
  font-size: 13px;
  color: #000;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable thead tr th:first-child {
  border-top-left-radius: 14px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable thead tr th:last-child {
  border-top-right-radius: 14px;
  text-align: right;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr:nth-child(even) td {
  background-color: #181818;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td {
  height: 64px;
  background: #111;
  border: 1px solid #272727;
  padding: 0px 20px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td span.cup-1 {
  width: 26px;
  height: 26px;
  background-image: url("../../images/icons/first-cup.svg");
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td span.cup-2 {
  width: 26px;
  height: 26px;
  background-image: url("../../images/icons/second-cup.svg");
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td span.cup-3 {
  width: 26px;
  height: 26px;
  background-image: url("../../images/icons/third-cup.svg");
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td:first-child {
  font-family: "Inter ExtraBold";
  font-size: 14px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td:last-child {
  text-align: right;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.user {
  font-size: 0;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.user figure.avatar {
  margin-bottom: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 30px;
  position: relative;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.user figure.avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #FF37F9, #FF4A6B, #FF4C2B, #FF9901);
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.user figure.avatar img {
  max-width: 100%;
  height: auto;
  border-radius: 62px;
  position: relative;
  z-index: 2;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.user div.name {
  font-family: "Inter ExtraBold";
  font-size: 14px;
  color: #fff;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.point {
  border-radius: 6px;
  border: 1px solid #272727;
  background: #181818;
  font-size: 0;
  height: 36px;
  line-height: 34px;
  padding: 0px 8px;
  display: inline-block;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.point div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 12px;
  background-image: url("../../images/icons/point.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td div.point div.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter SemiBold";
  font-size: 16px;
  color: #fff;
  padding-left: 4px;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table div.dt-paging {
  margin-top: 20px;
  text-align: right;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table div.dt-paging nav button {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-family: "Inter Regular";
  font-size: 14px;
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
div#main-content div#main-area div.page-area div.leadership-area div.area-table div.dt-paging nav button.current, div#main-content div#main-area div.page-area div.leadership-area div.area-table div.dt-paging nav button:hover {
  border-color: #272727;
  background: #181818;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-header div.buttons a.button {
  background-color: #eccc73;
  padding: 16px 0px;
  width: 100%;
  display: inline-block;
  text-align: center;
  border-radius: 7px;
  color: #000;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header {
  font-size: 0;
  display: flex;
  margin-bottom: 24px;
  align-items: center;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-box {
  display: inline-flex;
  align-items: center;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-box div.logo {
  width: 156px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-box div.logo img {
  max-width: 100%;
  height: auto;
  padding: 0px 10px;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-box div.details {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-box div.details div.title {
  font-family: "Inter SemiBold";
  font-size: 20px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-box div.details div.desc {
  font-family: "Inter Regular";
  font-size: 16px;
  line-height: 16px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-elements {
  display: inline-flex;
  margin-left: auto;
}
div#main-content div#main-area div.page-area div.complaints-area div.complaint-header div.site-elements div.total {
  border-radius: 43px;
  border: 2px solid #3D3D3D;
  background: #0A0A0A;
  font-family: "SF Pro Rounded Semibold";
  font-size: 14px;
  color: #fff;
  line-height: 31px;
  height: 35px;
  padding: 0px 25px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint {
  margin-bottom: 27px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint .row {
  margin: 0px -4px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block {
  padding: 0px 4px;
  margin-bottom: 8px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item {
  display: flex;
  border-radius: 14px;
  border: 1px solid #272727;
  background: #111;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 16px 20px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-1 {
  border-color: #D80027;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-1 div.head div.statu {
  background-color: #D80027;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-1 div.button {
  background-color: #D80027;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-1 div.button span.text {
  color: #000;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-1 div.button span.icon {
  filter: brightness(0);
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-9 {
  border-color: #00FF04;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-9 div.head div.statu {
  background-color: #00A603;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-9 div.button {
  background-color: #00FF04;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-9 div.button span.text {
  color: #000;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item.complaint-statu-9 div.button span.icon {
  filter: brightness(0);
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.items {
  width: 100%;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head {
  display: flex;
  font-size: 0;
  margin-bottom: 12.5px;
  align-items: center;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head div.logo {
  width: 100px;
  display: inline-flex;
  vertical-align: middle;
  margin-right: auto;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 45px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head div.statu {
  margin-left: auto;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: #272727;
  height: 25px;
  padding: 0px 15px 0px;
  font-family: "Inter Bold";
  font-size: 0;
  color: #fff;
  line-height: 23px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head div.statu span.icon {
  width: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head div.statu span.icon img {
  max-width: 100%;
  height: auto;
  max-height: 10px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.head div.statu span.text {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.title {
  font-family: "Inter SemiBold";
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 5px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.desc {
  font-family: "Inter Regular";
  font-size: 10px;
  line-height: 14px;
  color: #9CA3AF;
  max-width: 295px;
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: #272727;
  padding: 0% 25px;
  height: 25px;
  line-height: 23px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.button span.text {
  font-family: "Roboto SemiBold";
  font-size: 10px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.complaints-area div.area-complaint div.complaint-block a.complaint-item div.button span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  filter: brightness(0) invert(1);
}
div#main-content div#main-area div.page-area div.complaint-area {
  border-radius: 8px;
  border: 1px solid #272727;
  background: #181818;
  margin-bottom: 30px;
}
div#main-content div#main-area div.page-area div.complaint-area div.complaint-header {
  padding: 16px;
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
div#main-content div#main-area div.page-area div.complaint-area div.complaint-header div.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.complaint-area div.complaint-header div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter Medium";
  font-size: 24px;
  line-height: 24px;
  padding-left: 10px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div#main-content div#main-area div.page-area div.complaint-area div.complaint-content {
  padding: 16px;
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.complaint-area div.complaint-content strong {
  font-family: "SF Pro Rounded Semibold";
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms .row {
  margin: 0px -7px;
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block {
  padding: 0px 7px;
  margin-bottom: 14px;
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  position: relative;
  height: 140px;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item:hover {
  border: 1px solid #eccc73;
  background: rgba(0, 255, 246, 0.12);
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item:hover div.most {
  background-color: #eccc73;
  color: #000;
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item:hover div.number {
  background-color: rgba(0, 255, 246, 0.2);
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item div.most {
  position: absolute;
  top: 12px;
  left: 12px;
  background-color: rgba(0, 0, 0, 0.2);
  height: 20px;
  line-height: 20px;
  padding: 0px 15px;
  color: #fff;
  border-radius: 16px;
  font-size: 10px;
  font-family: "Roboto Bold";
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item div.number {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded Semibold";
  font-size: 12px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item figure.image {
  margin-bottom: 0;
  max-width: 200px;
}
div#main-content div#main-area div.page-area div.firms-area div.area-firms div.firm-block a.firm-item figure.image img {
  max-width: 100%;
  height: auto;
  max-height: 50px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos {
  margin-bottom: 30px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-head {
  font-size: 0;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-head div.head-item {
  display: inline-block;
  vertical-align: middle;
  height: 44px;
  line-height: 44px;
  background-color: #eccc73;
  font-family: "Inter Bold";
  font-size: 13px;
  color: #000;
  width: 175px;
  text-align: center;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-head div.head-item:first-child {
  border-top-left-radius: 5px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-head div.head-item:last-child {
  border-top-right-radius: 5px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-head div.head-item.username {
  width: calc(100% - 875px);
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing {
  border: 1px solid #272727;
  border-radius: 0px 0px 5px 5px;
  overflow: hidden;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block:nth-child(even) div.game-video {
  background-color: #111111;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video {
  font-size: 0;
  background-color: #181818;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item {
  display: inline-block;
  vertical-align: middle;
  height: 64px;
  line-height: 64px;
  font-family: "Inter Regular";
  font-size: 14px;
  color: #fff;
  width: 175px;
  text-align: center;
  border-right: 1px solid #111111;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item.game {
  text-align: center;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item.game div.game-block {
  font-size: 0;
  padding: 0px 5px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item.game div.game-block div.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter Regular";
  font-size: 14px;
  color: #fff;
  padding-left: 4px;
  max-width: calc(100% - 45px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item.username {
  font-family: "Inter Bold";
  width: calc(100% - 875px);
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item.username div.provider {
  width: 45px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item.username div.provider img {
  max-width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-form {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
  margin-top: 30px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-form div.form-head {
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid #272727;
  background: #181818;
  padding: 25px;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-form div.form-head div.head-title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 36px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-form div.form-head div.head-desc {
  font-family: "SF Pro Rounded Regular";
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.game-videos-area div.area-form div.form-body {
  padding: 25px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer {
  font-family: "Inter Regular";
  font-size: 14px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  max-width: 100%;
  background: #111;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-top {
  font-size: 0;
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-top figure.image {
  width: 75px;
  height: 75px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-top figure.image img {
  width: 100%;
  height: 100%;
  border-radius: 75px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-top div.name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 75px);
  font-size: 18px;
  font-family: "SF Pro Rounded Semibold";
  text-align: left;
  padding-left: 15px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-desc {
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-buttons {
  font-size: 0;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-buttons a.button:last-child {
  margin-right: 0;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-listing div.streamer-block div.streamer div.streamer-buttons a.button img {
  max-width: 25px;
  height: auto;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-form {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
  margin-top: 30px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-form div.form-head {
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid #272727;
  background: #181818;
  padding: 25px;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-form div.form-head div.head-title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 36px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-form div.form-head div.head-desc {
  font-family: "SF Pro Rounded Regular";
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.streamers-area div.area-form div.form-body {
  padding: 25px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu {
  border-radius: 14px 14px 0px 0px;
  border-bottom: 1px solid #272727;
  margin-bottom: 22px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu li {
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu li:first-child button {
  border-top-left-radius: 14px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu li:last-child button {
  border-top-right-radius: 14px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu li button {
  display: flex;
  height: 54px;
  min-width: 164px;
  padding: 0px 15px;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded Medium";
  color: #5C5C5C;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 3px solid transparent;
  font-size: 16px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu li button.active {
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
  color: #fff;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws ul.draw-menu li button:hover {
  border-bottom-color: #eccc73;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing .row {
  margin: 0px -7px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block {
  padding: 0px 7px;
  margin-bottom: 14px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item {
  display: block;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 15px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.items {
  width: 100%;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.logo {
  width: 186px;
  height: 62px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.logo img {
  max-width: 100%;
  height: auto;
  padding: 10px;
  max-height: 62px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.person {
  font-family: "Roboto Regular";
  font-size: 18px;
  color: #eccc73;
  text-align: center;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.price {
  font-family: "Inter SemiBold";
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-bottom: 13px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.time {
  text-align: center;
  color: #fff;
  font-family: "Roboto Regular";
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.time strong {
  font-family: "Roboto Bold";
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.time div.when {
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.progress-bar {
  border-radius: 54px;
  border: 1px solid #272727;
  background: #181818;
  height: 7px;
  margin-bottom: 13px;
  position: relative;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.progress-bar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 54px;
  background-color: #eccc73;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.button {
  height: 40px;
  border-radius: 12px;
  background-color: #eccc73;
  line-height: 40px;
  text-align: center;
  font-family: "SF Pro Rounded Semibold";
  font-size: 18px;
  color: #000;
  transition-duration: 0.5s;
  position: relative;
  overflow: hidden;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}
div#main-content div#main-area div.page-area div.draws-area div.area-draws div.draw-listing div.draw-block a.draw-item div.button:hover::after {
  left: 100%;
}
div#main-content div#main-area div.page-area div.site-area {
  display: grid;
  grid-template-columns: 323px calc(100% - 323px);
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box {
  border-radius: 10px;
  border: 1px solid #272727;
  background: #111;
  padding: 8px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.logo {
  width: 100%;
  height: 264px;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.logo img {
  max-width: 230px;
  height: auto;
  max-height: 80px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box h1.site-name {
  font-family: "Inter Bold";
  font-size: 22px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.excerpt {
  font-family: "Inter Regular";
  font-size: 14px;
  line-height: 20px;
  color: #9CA3AF;
  margin-bottom: 34px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.buttons {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.05);
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.buttons a.button {
  display: block;
  height: 42px;
  border-radius: 8px;
  text-align: center;
  line-height: 42px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.buttons a.button span.text {
  font-family: "SF Pro Rounded Semibold";
  font-size: 14px;
  color: #000;
  letter-spacing: -0.084px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.buttons a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.buttons a.button.site {
  background-color: #eccc73;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-features div.block {
  display: block;
  font-size: 0;
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-features div.block div.title {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto SemiBold";
  font-size: 17px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-features div.block div.value {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "Roboto Regular";
  font-size: 17px;
  color: rgba(255, 255, 255, 0.8);
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-buttons div.buttons-title {
  font-family: "Inter Bold";
  font-size: 16px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-buttons div.buttons-area .row {
  margin: 0px -2.5px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-buttons div.buttons-area .col-2 {
  padding: 0px 2.5px;
  margin-bottom: 5px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-buttons div.buttons-area .button {
  border: 1px solid #272727;
  background-color: #181818;
  height: 47px;
  text-align: center;
  line-height: 45px;
  font-size: 0;
  display: block;
  border-radius: 4px;
}
div#main-content div#main-area div.page-area div.site-area div.site-side div.side-box div.site-buttons div.buttons-area .button img {
  max-width: 19px;
  height: auto;
}
div#main-content div#main-area div.page-area div.site-area div.site-details {
  padding-left: 16px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs {
  border-radius: 8px;
  border: 1px solid #272727;
  background: #181818;
  padding: 16px;
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs div.title {
  font-size: 0;
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs div.title span.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs div.title span.icon img {
  max-width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs div.title span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-family: "Inter Medium";
  font-size: 24px;
  background: linear-gradient(90deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs div.content {
  font-family: "SF Pro Rounded Regular";
  font-size: 16px;
  line-height: 19.2px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.details-boxs div.content strong {
  font-family: "SF Pro Rounded Semibold";
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area {
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #272727;
  background: #181818;
  margin-bottom: 20px;
  padding: 0 20px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area .row {
  margin: 0px -20px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block {
  padding: 20px;
  border-right: 1px solid #272727;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block:last-child {
  border-right: none;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item div.area-title {
  font-family: "Inter Medium";
  font-size: 14px;
  margin-bottom: 18px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul {
  padding: 0;
  margin: 0;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul.adventage li:before {
  background-image: url("../../images/icons/check-circle.svg");
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul.disadvantage li:before {
  background-image: url("../../images/icons/times-circle.svg");
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul.notr li:before {
  background-image: url("../../images/icons/notr.svg");
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul li {
  display: block;
  font-family: "SF Pro Rounded Regular";
  font-size: 14px;
  line-height: 16.8px;
  color: #fff;
  margin-bottom: 8px;
  position: relative;
  padding-left: 30px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.notes-area div.area-block div.area-item ul li:last-child {
  margin-bottom: 0;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area {
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing .row {
  margin: 0px -3.5px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block {
  padding: 0px 3.5px;
  margin-bottom: 7px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block div.listing-item {
  height: 99px;
  border-radius: 6px;
  border: 1px solid #272727;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block div.listing-item div.icon {
  position: absolute;
  top: 5px;
  right: 5px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block div.listing-item div.icon img {
  max-width: 15px;
  height: auto;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block div.listing-item div.image {
  width: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block div.listing-item div.image img {
  max-width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.game-types-area div.area-listing div.listing-block div.listing-item div.title {
  font-family: "Roboto Bold";
  font-size: 17px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.providers-area {
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.providers-area div.area-listing .row {
  margin: 0px -3px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.providers-area div.area-listing div.listing-block {
  padding: 0px 3px;
  margin-bottom: 6px;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.providers-area div.area-listing div.listing-block div.listing-item {
  height: 64px;
  border-radius: 6px;
  border: 1px solid #272727;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.site-area div.site-details div.providers-area div.area-listing div.listing-block div.listing-item img {
  max-width: 68px;
  height: auto;
  max-height: 34px;
}
div#main-content div#main-area div.page-area div.user-bar {
  border-radius: 14px;
  border: 1px solid #272727;
  background: #111;
  padding: 11px 20px;
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.user-bar div.user {
  font-size: 0;
}
div#main-content div#main-area div.page-area div.user-bar div.user figure.avatar {
  margin-bottom: 0;
  width: 62px;
  height: 62px;
  border-radius: 62px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 62px;
  position: relative;
}
div#main-content div#main-area div.page-area div.user-bar div.user figure.avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #FF37F9, #FF4A6B, #FF4C2B, #FF9901);
}
div#main-content div#main-area div.page-area div.user-bar div.user figure.avatar img {
  max-width: 100%;
  height: auto;
  border-radius: 62px;
  position: relative;
  z-index: 2;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 62px);
  padding-left: 15px;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.top {
  margin-bottom: 6px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.top div.username {
  display: inline-block;
  vertical-align: middle;
  font-family: "SF Pro Rounded Semibold";
  font-size: 22px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.top div.coin {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  border-radius: 12px;
  border: 1px solid #F6F6F6;
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
  height: 28px;
  line-height: 28px;
  padding: 0px 9px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.top div.coin div.icon {
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.top div.coin div.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "LibreFranklin Regular";
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email {
  border-radius: 7px;
  border: 1px solid #272727;
  background: #181818;
  height: 36px;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 10px;
  position: relative;
  margin-right: 24px;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email:before {
  position: absolute;
  top: 0;
  content: "";
  right: -12px;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.05);
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email div.icon {
  width: 19px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email div.icon img {
  width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email div.mail {
  color: #fff;
  padding-left: 5px;
  font-family: "Inter SemiBold";
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.id {
  border-radius: 7px;
  border: 1px solid #272727;
  background: #181818;
  height: 36px;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 10px;
  position: relative;
  margin-right: 24px;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.id div.copy {
  width: 19px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.id div.copy img {
  width: 100%;
  height: auto;
}
div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.id div.text {
  color: #fff;
  padding-right: 5px;
  font-family: "Inter SemiBold";
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-area {
  border-radius: 14px;
  border: 1px solid #272727;
  background: #111;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu {
  border-bottom: 1px solid #272727;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul {
  padding: 0;
  margin: 0;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  overflow: scroll;
  flex-wrap: unset;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul li {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: auto;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul li:first-child a {
  border-top-left-radius: 14px;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul li:last-child a {
  border-top-right-radius: 14px;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul li a {
  display: flex;
  height: 54px;
  min-width: 164px;
  padding: 0px 15px;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded Medium";
  font-size: 14px;
  color: #5C5C5C;
  border-bottom: 2px solid transparent;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul li a.active {
  background: linear-gradient(90deg, #3E495F -22.99%, rgba(82, 84, 87, 0) 100%);
  color: #fff;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul li a:hover {
  border-bottom-color: #eccc73;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul::-webkit-scrollbar {
  display: none;
}
div#main-content div#main-area div.page-area div.user-area nav.user-menu ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
div#main-content div#main-area div.page-area div.user-area div.user-box {
  border-bottom: 1px solid #1B1B1B;
}
div#main-content div#main-area div.page-area div.user-area div.user-box:last-child {
  border-bottom: none;
}
div#main-content div#main-area div.page-area div.user-area div.user-box div.box-block {
  border-bottom: 1px solid #1B1B1B;
  padding: 20px;
}
div#main-content div#main-area div.page-area div.user-area div.user-box div.box-head div.title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 16px;
  color: #fff;
  margin-bottom: 8px;
}
div#main-content div#main-area div.page-area div.user-area div.user-box div.box-head div.excerpt {
  font-family: "SF Pro Rounded Regular";
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #9CA3AF;
}
div#main-content div#main-area div.page-area div.user-area div.user-box div.box-body {
  padding: 15px 0px;
}
div#main-content div#main-area div.page-area div.user-area div.user-box div.box-footer {
  border-top: 1px solid #1B1B1B;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  text-align: right;
}
div#main-content div#main-area div.page-area div.user-area div.user-box div.box-footer button {
  background-color: #eccc73;
  height: 40px;
  border-radius: 100px;
  font-family: "SF Pro Rounded Semibold";
  font-size: 14px;
  color: #000;
  border: none;
  padding: 0px 15px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites .row {
  margin: 0px -9px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block {
  margin-bottom: 18px;
  padding: 0px 9px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item {
  height: 188px;
  border-radius: 7px;
  border: 1px solid #272727;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../../images/swatch-big.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 10px 15px;
  position: relative;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item.active div.ward {
  display: none;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item.active div.input input {
  border-radius: 8px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.items {
  width: 100%;
  text-align: center;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item figure.logo {
  width: 198px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  margin: 0 auto;
  margin-bottom: 10px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item figure.logo img {
  max-width: 175px;
  height: auto;
  max-height: 30px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.ward {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 6px;
  border: 1px solid #272727;
  background: #181818;
  font-size: 0;
  height: 20px;
  line-height: 18px;
  padding: 0px 4px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.ward span.icon {
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.ward span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto Regular";
  font-size: 12px;
  color: #fff;
  padding-left: 4px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.input {
  margin-bottom: 15px;
  font-size: 0;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.input input {
  width: calc(100% - 66px);
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #272727;
  background: #181818;
  height: 31px;
  font-family: "Roboto SemiBold";
  font-size: 12px;
  padding: 0px 10px;
  text-align: center;
  color: #fff;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item div.input a.button {
  height: 31px;
  width: 66px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #272727;
  background: #FFF;
  font-family: "Roboto SemiBold";
  font-size: 10px;
  color: #000;
  line-height: 31px;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item a.register {
  background-color: #eccc73;
  height: 31px;
  border-radius: 8px;
  line-height: 31px;
  font-size: 0;
  display: block;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item a.register span.text {
  font-family: "Roboto SemiBold";
  font-size: 12px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-area div.sponsor-websites div.website-block div.website-item a.register span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block {
  margin-bottom: 20px;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block:last-child {
  margin-bottom: 0;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item {
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
  padding: 24px;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.head {
  font-size: 0;
  margin-bottom: 15px;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.head div.item-details {
  width: calc(100% - 42px);
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.head div.item-details div.item-title {
  font-family: "Roboto Bold";
  font-size: 18px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.head div.item-details div.item-desc {
  font-family: "Inter Regular";
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.head div.item-image {
  width: 42px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.bottom {
  font-size: 0;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.bottom input {
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #272727;
  background: #181818;
  width: calc(100% - 66px);
  height: 35px;
  padding: 0 9px;
  font-family: "Roboto SemiBold";
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div#main-area div.page-area div.user-area div.wallet-blocks div.wallet-block div.wallet-item div.bottom a.button {
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #272727;
  background: #FFF;
  width: 66px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto SemiBold";
  font-size: 10px;
  color: #000;
  text-align: center;
  line-height: 35px;
}
div#main-content div#main-area div.page-area div.user-table {
  margin-top: 30px;
  font-size: 14px;
  color: #fff;
}
div#main-content div#main-area div.page-area div.user-table table {
  width: 100%;
  border-radius: 10px;
}
div#main-content div#main-area div.page-area div.user-table table thead tr th {
  height: 44px;
  background-color: #eccc73;
  color: #000;
  text-align: center;
}
div#main-content div#main-area div.page-area div.user-table table thead tr th:first-child {
  border-top-left-radius: 14px;
}
div#main-content div#main-area div.page-area div.user-table table thead tr th:last-child {
  border-top-right-radius: 14px;
}
div#main-content div#main-area div.page-area div.user-table table tbody tr:nth-child(even) td {
  background-color: #181818;
}
div#main-content div#main-area div.page-area div.user-table table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
div#main-content div#main-area div.page-area div.user-table table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
div#main-content div#main-area div.page-area div.user-table table tbody tr td {
  height: 64px;
  background: #111;
  border: 1px solid #272727;
  padding: 0px 20px;
  color: #fff;
  text-align: center;
}
div#main-content div#main-area div.page-area div.user-table table tbody tr td span.statu {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  border-radius: 14px;
  width: 110px;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  border-radius: 14px;
}
div#main-content div#main-area div.page-area div.user-table table tbody tr td span.statu.statu-9 {
  border: 1px solid #00FF04;
  background: rgba(0, 255, 4, 0.05);
}
div#main-content div#main-area div.page-area div.user-table table tbody tr td span.statu.statu-1 {
  border: 1px solid #D80027;
  background: rgba(216, 0, 39, 0.05);
}
div#main-content div#main-area div.page-area div.user-table table tbody tr td span.statu.statu-5 {
  border: 1px solid #FF952B;
  background: rgba(255, 149, 43, 0.05);
}
div#main-content div#main-area div.side-area {
  width: 250px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
div#main-content div#main-area div.side-area.sticky-bottom {
  position: fixed;
  bottom: 50px;
  right: 30px !important;
}
div#main-content div#main-area div.side-area .area-box {
  margin-bottom: 25px;
  display: block;
}
div#main-content div#main-area div.side-area .area-box:last-child {
  margin-bottom: 0;
}
div#main-content div#main-area div.side-area .area-box img {
  max-width: 100%;
  height: auto;
}
div#main-content div.external-buttons .swiper-button-next, div#main-content div.external-buttons .swiper-button-prev {
  width: 30px;
  height: 30px;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border-radius: 30px;
  text-align: center;
  color: #000;
  font-size: 0;
  line-height: 30px;
}
div#main-content div.external-buttons .swiper-button-next:after, div#main-content div.external-buttons .swiper-button-prev:after {
  font-size: 12px;
}
div#main-content div.external-buttons a.button-item {
  display: block;
  border-radius: 12px;
  border: 1px solid #272727;
  background: #111;
  height: 133px;
  padding: 24px;
  position: relative;
}
div#main-content div.external-buttons a.button-item div.external {
  position: absolute;
  top: 15px;
  right: 15px;
}
div#main-content div.external-buttons a.button-item div.icon {
  width: 34px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
div#main-content div.external-buttons a.button-item div.icon img {
  max-width: 100%;
  height: auto;
  max-height: 28px;
}
div#main-content div.external-buttons a.button-item div.title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
div#main-content div.external-buttons a.button-item div.link {
  font-size: 0;
  margin-top: 10px;
}
div#main-content div.external-buttons a.button-item div.link span.icon {
  width: 10px;
  display: inline-block;
  vertical-align: middle;
}
div#main-content div.external-buttons a.button-item div.link span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Inter Regular";
  font-size: 12px;
  color: #fff;
  padding-left: 10px;
}
div#main-content div.wheel-area {
  font-size: 0;
}
div#main-content div.wheel-area div.wheel-side {
  width: calc(100% - 700px);
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
}
div#main-content div.wheel-area form.wheel-form {
  width: 700px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
}
div#main-content div.wheel-area div.wheel-divider {
  position: relative;
}
div#main-content div.wheel-area div.wheel-divider div.wheel-box {
  width: 700px;
  height: 700px;
  background-image: url("../../images/wheel.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  transition: transform 4s ease-out;
  transform: rotate(0deg);
}
div#main-content div.wheel-area div.wheel-divider .button {
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  height: 253px;
  aspect-ratio: 540/622;
  background-image: url("../../images/wheel-button.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
  top: calc(50% - 126px);
  left: calc(50% - 110px);
}
div#main-content div.wheel-area div.wheel-results {
  font-size: 14px;
  color: #fff;
  margin-top: 30px;
}
div#main-content div.wheel-area div.wheel-results div.results-header {
  margin-bottom: 25px;
}
div#main-content div.wheel-area div.wheel-results div.results-header div.title {
  font-family: "Inter SemiBold";
  font-size: 20px;
  color: #fff;
}
div#main-content div.wheel-area div.wheel-results div.results-header div.desc {
  font-family: "Inter Regular";
  font-size: 16px;
  color: #9CA3AF;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list {
  font-size: 0;
  padding-right: 50px;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item {
  border-radius: 20px;
  border: 1px solid #272727;
  background: #111;
  height: 200px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  width: calc(50% - 7.5px);
  margin-bottom: 15px;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item:nth-child(even) {
  margin-left: 15px;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item:last-child {
  margin-bottom: 0;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item.you {
  background: rgba(0, 255, 246, 0.15);
  border: 2px solid #eccc73;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item.you div.user {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(0, 255, 246, 0.05);
  color: #fff;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item.you div.point {
  background-color: #eccc73;
  color: #000;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item.you div.point img {
  filter: brightness(0);
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item div.user {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 21px;
  background-color: #eccc73;
  border-radius: 16px;
  padding: 0px 10px;
  font-family: "Roboto Bold";
  font-size: 10px;
  color: #000;
  line-height: 20px;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item div.items {
  width: 100%;
  text-align: center;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item div.icon {
  width: 60px;
  margin: 0 auto;
  margin-bottom: 15px;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item div.icon img {
  max-width: 100%;
  height: ato;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item div.title {
  font-family: "SF Pro Rounded Semibold";
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}
div#main-content div.wheel-area div.wheel-results div.wheel-list div.wheel-item div.point {
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  border: 1px solid #272727;
  background: #181818;
  height: 32px;
  line-height: 30px;
  padding: 0px 20px;
  font-size: 14px;
}

/* Single */
/* Vendors */
/* Responsive */
@media (max-width: 1799px) {
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details div.block {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  header#app-header div.top-header div.top-boxs div.buttons a.button.menu {
    display: none !important;
  }
}
@media (max-width: 1599px) {
  header#app-header div.top-header div.top-boxs {
    margin-left: auto;
  }
  body.active-menu {
    position: relative;
  }
  div#app-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    z-index: 9;
    transition-duration: 0.5s;
    padding: 25px 0px;
  }
  div#app-sidebar nav.side-menu {
    padding-bottom: 0;
  }
  div#app-sidebar nav.side-menu ul li {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
  }
  div#m-app-container main#app-main {
    width: calc(100% - 100px);
    position: relative;
    left: 100px;
  }
  div#main-content div.wheel-area div.wheel-results {
    margin-bottom: 30px;
  }
  div#main-content div#main-area {
    margin-bottom: 0;
  }
  div#main-content div#main-area div.page-area {
    display: block;
    width: 100%;
    padding-right: 0;
  }
  div#main-content div#main-area div.page-area div.leadership-area {
    margin-bottom: 30px;
  }
  div#main-content div#main-area div.page-area div.user-area {
    margin-bottom: 20px;
  }
  div#main-content div#main-area div.side-area {
    display: none;
  }
  div#m-app-container {
    display: block;
  }
  div#m-app-container main#app-main {
    width: calc(100% - 100px);
    left: 100px;
    position: relative;
  }
  header#app-header div.top-header nav.top-menu {
    display: none;
  }
}
/* Max Width: 1300px */
/* Max Width: 1199px */
@media (max-width: 1199px) {
  div#main-content div.wheel-area {
    display: flex;
    flex-wrap: wrap;
  }
  div#main-content div.wheel-area div.wheel-side {
    width: 100%;
    order: 2;
  }
  div#main-content div.wheel-area form.wheel-form {
    width: 100%;
    order: 1;
  }
  div#main-content div.wheel-area div.wheel-results div.wheel-list {
    padding-right: 0;
  }
  div#main-content div.wheel-area div.wheel-divider div.wheel-box {
    width: 750px;
    height: 750px;
  }
  div#main-content div.wheel-area div.wheel-divider .button {
    width: 200px;
    height: 230px;
    top: calc(50% - 115px);
    left: calc(50% - 100px);
  }
  div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item:before {
    max-width: 100%;
    background-position: 50% 50%;
  }
  div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing a.site-block img {
    max-height: 35px;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block {
    padding: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.logo {
    width: 50%;
    order: 1;
    text-align: center;
    padding-right: 15px;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.logo img {
    max-width: 100%;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons {
    width: 50%;
    order: 2;
    padding-left: 15px;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.buttons a.button {
    margin-bottom: 10px !important;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details {
    margin-top: 30px;
    width: 100%;
    order: 3;
  }
}
/* Min Width: 1200px */
/* Max Width: 991px */
@media (max-width: 991px) {
  div#app-sidebar {
    padding-top: 30px;
  }
  .modal.drawModal .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .modal.authenticateModal .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  header#app-header div.top-header {
    padding: 15px;
  }
  header#app-header div.top-header div.top-boxs div.user-box {
    display: none;
  }
  header#app-header div.top-header div.top-boxs div.user-buttons {
    display: none;
  }
  header#app-header div.top-header div.top-boxs div.user-buttons a.button span.text {
    display: none;
  }
  header#app-header div.top-header div.top-boxs div.buttons {
    padding-left: 10px;
    margin-left: 10px;
  }
  header#app-header div.top-header div.top-boxs div.buttons a.button.menu {
    display: inline-block;
  }
  header#app-header div.top-header div.top-boxs div.buttons a.button.color-toggle {
    display: inline-block;
  }
  div#main-content {
    padding: 15px;
  }
  div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block {
    margin-bottom: 0;
  }
  div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block:last-child {
    margin-top: 0;
    margin-bottom: 0;
  }
  div#main-content div#main-area div.page-area div.demo-games-area {
    margin-bottom: 0;
  }
  div#main-content div#main-area div.page-area div.area-header {
    margin-bottom: 15px;
  }
  div#main-content div#main-area div.page-area div.site-listing {
    margin-bottom: 0;
  }
  div#main-content div#main-area div.page-area div.promotions-area {
    margin-bottom: 0;
  }
  div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters {
    width: 300px;
  }
  div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters form.small-search {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-width: 100%;
    margin-bottom: 7.5px;
  }
  div#main-content div#main-area div.page-area div.demo-games-area div.area-header-filter div.filters div.select {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-head {
    display: none;
  }
  div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block:nth-child(even) div.game-video div.video-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item {
    border-bottom: 1px solid #111111;
    display: block;
    width: 100% !important;
    text-align: left !important;
  }
  div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.video-item:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    content: attr(data-name) ":";
    font-size: 14px;
    width: 120px;
    margin-right: 20px;
    padding: 0px 15px;
  }
  div#main-content div#main-area div.page-area div.game-videos-area div.area-game-videos div.game-videos-listing div.game-video-block div.game-video div.game-block {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 !important;
  }
  div#main-content div#main-area div.page-area div.site-area {
    display: block;
  }
  div#main-content div#main-area div.page-area div.site-area div.site-details {
    padding-left: 0;
  }
  div#main-content div#main-area div.page-area div.demo-game-area div.game-area {
    display: block;
  }
  div#main-content div#main-area div.page-area div.demo-game-area div.game-area div.area-game {
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  footer#app-footer .container {
    max-width: 100%;
  }
}
/* Min Width: 992px */
@media (min-width: 992px) {
  div#app-sidebar div.user-box {
    display: none;
  }
}
/* Max Width: 767px */
@media (max-width: 767px) {
  div#main-content div.wheel-area div.wheel-divider div.wheel-box {
    width: 500px;
    height: 500px;
  }
  div#main-content div.wheel-area div.wheel-divider .button {
    width: 150px;
    height: 172px;
    top: calc(50% - 86px);
    left: calc(50% - 75px);
  }
  div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item {
    margin-bottom: 15px;
  }
  div#main-content div#main-area div.page-area div.leadership-area div.area-boxs div.box-block div.box-item:before {
    display: none;
  }
  .modal.bigModal .modal-dialog {
    max-width: 100%;
  }
  .modal.bigModal .modal-dialog .modal-content .modal-body {
    display: block;
  }
  .modal.bigModal .modal-dialog .modal-content .modal-body figure.modal-image img {
    width: 100%;
    border-radius: 16px 16px 0px 0px;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}
/* Min Width: 768px */
/* Max Width: 575px */
@media (max-width: 575px) {
  .modal.drawModal .modal-dialog .modal-content .modal-body {
    padding: 15px;
  }
  .modal.drawModal .modal-dialog .modal-content .modal-body div.draw-content {
    padding: 0;
    border: none;
    background-color: transparent;
  }
  .modal.authenticateModal .modal-dialog .modal-content .modal-body {
    padding: 25px;
  }
  .modal.authenticateModal .modal-dialog .modal-content .modal-body .modal-title {
    font-size: 24px;
  }
  .modal.authenticateModal .modal-dialog .modal-content .modal-body .modal-desc {
    font-size: 16px;
    line-height: 28px;
  }
  .modal.complaintModal .modal-dialog .modal-content .modal-body form {
    padding: 20px;
  }
  .modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head {
    padding: 20px;
  }
  .modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head div.details div.title {
    font-size: 14px;
  }
  .modal.complaintModal .modal-dialog .modal-content .modal-body .modal-head div.details div.desc {
    font-size: 16px;
    line-height: 28px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body .modal-title {
    font-size: 24px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body .modal-desc {
    font-size: 16px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block {
    padding: 10px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.icon {
    display: block;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.details {
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.details div.title {
    font-size: 20px;
  }
  .modal.howModal .modal-dialog .modal-content .modal-body div.modal-steps div.step-block div.details div.desc {
    font-size: 16px;
  }
  header#app-header div.top-header div.top-logo img {
    max-width: 175px;
  }
  div#main-content div.wheel-area div.wheel-divider div.wheel-box {
    width: 400px;
    height: 400px;
  }
  div#main-content div.wheel-area div.wheel-divider .button {
    width: 125px;
    height: 144px;
    top: calc(50% - 72px);
    left: calc(50% - 62.5px);
  }
  div#main-content div#main-area div.page-area div.story-area {
    margin-bottom: 15px;
  }
  div#main-content div#main-area div.page-area div.complaints-area div.area-complaint {
    margin-bottom: 5px;
  }
  div#main-content div#main-area div.page-area div.site-listing.vip-listing div.area-listing div.listing-block {
    margin-bottom: 10px;
  }
  div#main-content div#main-area div.page-area div.site-listing.bonusable-listing div.area-listing div.listing-block div.site-block div.details div.block {
    font-size: 14px !important;
  }
  div#main-content div#main-area div.page-area div.area-header {
    display: block;
  }
  div#main-content div#main-area div.page-area div.area-header div.icon {
    width: 53px;
  }
  div#main-content div#main-area div.page-area div.area-header div.details {
    width: calc(100% - 53px);
  }
  div#main-content div#main-area div.page-area div.area-header div.buttons {
    width: 100%;
  }
  div#main-content div#main-area div.page-area div.area-header div.buttons a.button {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  div#main-content div#main-area div.page-area div.area-header.area-header-filter {
    display: block;
  }
  div#main-content div#main-area div.page-area div.area-header.area-header-filter div.icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 53px;
    text-align: center;
  }
  div#main-content div#main-area div.page-area div.area-header.area-header-filter div.details {
    display: inline-block;
    vertical-align: middle;
  }
  div#main-content div#main-area div.page-area div.area-header.area-header-filter div.filters {
    width: 100% !important;
    margin-top: 10px;
  }
  div#main-content div#main-area div.page-area div.demo-games-area div.area-provider-filter a.button {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.id {
    display: block;
    margin: 0;
  }
  div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email {
    display: block;
    margin: 0;
    margin-bottom: 10px;
  }
  div#main-content div#main-area div.page-area div.user-bar div.user div.details div.bottom div.email:before {
    display: none;
  }
}
/* Min Width: 576px */
/* Max Width: 480px */
@media (max-width: 480px) {
  header#app-header div.top-header div.top-logo img {
    max-width: 140px;
  }
  header#app-header div.top-header div.top-boxs div.buttons a.button {
    margin-right: 10px;
  }
  div#main-content div.wheel-area div.wheel-divider div.wheel-box {
    width: 350px;
    height: 350px;
  }
  div#main-content div.wheel-area div.wheel-divider .button {
    width: 100px;
    height: 115px;
    top: calc(50% - 52.5px);
    left: calc(50% - 50px);
  }
  div#main-content div#main-area div.page-area div.leadership-area div.area-table table.leaderTable tbody tr td {
    padding: 0px 10px;
  }
}

/*# sourceMappingURL=main.css.map */