@tailwind base;
@tailwind components;
@tailwind utilities;

@import "~@fortawesome/fontawesome-free/css/all.min.css";
@import "~bootstrap/dist/css/bootstrap.min.css";



#sidebar_sidebar__items__5Hd7R::-webkit-scrollbar,
.sidebar_sidebar__1af5q::-webkit-scrollbar,
.sidebar_sidebar__links__e439P::-webkit-scrollbar,
.sidebar_sidebar__servers__rR6kY::-webkit-scrollbar {
  display: none;
}

body {
  font-family: Arial, sans-serif;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--gray-3);
  unicode-bidi: plaintext;
}

#sidebar_sidebar__items__5Hd7R,
.sidebar_guild__images_div__CCG2H,
.sidebar_sidebar__1af5q,
.sidebar_sidebar__links__e439P {
  scrollbar-width: none;
}
#sidebar_dashboard__wuhEE {
  display: flex;
}
.sidebar_sidebar__1af5q {
  width: 280px;
  z-index: 10;
  background-color: var(--gray-2);
  display: flex;
  overflow: scroll;
  margin-top: 3.33rem;
  margin-inline-start: 85px;
  border-radius: 24px;
}
.sidebar_sidebar__1af5q,
.sidebar_slider-background-color__pn060 {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s cubic-bezier(0.52, -0.12, 0.21, 1.1);
  -webkit-margin-start: 85px;
}
.sidebar_slider-background-color__pn060 {
  background-color: var(--gray-4);
  width: 255px;
  z-index: 1;
  margin-top: 3.3rem;
  margin-inline-start: 85px;
}
.sidebar_sidebar__hidden__E_GJL {
  left: -450px;
  transition: all 0.5s;
}
.sidebar_guild__images_div__CCG2H {
  width: 100%;
  text-align: center;
  height: 100%;
  padding-top: 10px;
}
.sidebar_user_image__aws4U:after {
  content: " ";
  position: absolute;
}
.sidebar_rtl__6K2_0 .sidebar_guild__images_div__CCG2H:before {
  left: 0;
  right: 12px;
}
.sidebar_sidebar__servers__rR6kY {
  width: 85px;
  height: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: var(--gray-4);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.3rem;
  padding: 0 0 3.5rem;
  transition: all 0.5s cubic-bezier(0.52, -0.12, 0.21, 1.1);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar_sidebar__servers-hidden__HspFt {
  left: -390px;
  transition: all 0.5s;
}
.sidebar_sidebar__servers__rR6kY .sidebar_guild__images__mjUJ3 {
  position: relative;
  border-radius: 50%;
  width: 56px;
  transition: all 0.2s;
  margin-bottom: 0.2rem;
  box-shadow: -67px 0 0 -10px #fff;
}
.sidebar_rtl__6K2_0
  .sidebar_sidebar__servers__rR6kY
  .sidebar_guild__images__mjUJ3 {
  box-shadow: 67px 0 0 -10px #fff;
}
.sidebar_active-server__jGUqw,
.sidebar_sidebar__servers__rR6kY .sidebar_guild__images__mjUJ3:hover {
  position: relative;
  border-radius: 20px !important;
  cursor: pointer;
  transition: all 0.2s;
}
.sidebar_active-server__jGUqw,
.sidebar_guild__images__mjUJ3:hover {
  box-shadow: -57px 0 0 -10px #fff !important;
}
.sidebar_guild__images__mjUJ3:hover {
  box-shadow: -57px 0 0 -10px #fff;
}
.sidebar_rtl__6K2_0 .sidebar_active-server__jGUqw,
.sidebar_rtl__6K2_0 .sidebar_guild__images__mjUJ3:hover {
  box-shadow: 57px 0 0 -10px #fff !important;
}
.sidebar_rtl__6K2_0 .sidebar_guild__images__mjUJ3:hover {
  box-shadow: 57px 0 0 -10px #fff;
}
.sidebar_loading__guild-icon__LQ5Mf {
  background-color: var(--skeleton);
  min-height: 60px;
  width: 60px;
  border-radius: 50%;
  margin: 0 auto;
}
.sidebar_loading__guild-icon__LQ5Mf:first-child {
  border-radius: 20px;
}
.sidebar_loading__avatar__6Aroq {
  background-color: var(--skeleton);
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin: 10px auto;
}
#sidebar_sidebar__server-info__03ViT {
  margin-top: 35px;
}
#sidebar_sidebar__server-info__03ViT h4 {
  font-weight: 700;
  font-size: 14px;
  margin-top: 0;
  unicode-bidi: plaintext;
}
#sidebar_sidebar__avatar__QDGRP {
  width: 30%;
  border-radius: 50%;
}
.sidebar_sidebar__1af5q h4 {
  font-size: 1rem;
}
.sidebar_sidebar__links__e439P {
  background: linear-gradient(180deg, #5865f20d, transparent);
  width: 100%;
  text-align: center;
  overflow: scroll;
}
.sidebar_sidebar__links__e439P:before {
  background: linear-gradient(1deg, #3a405800, #3b3b4b);
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
}
#sidebar_sidebar__content__KYP5Y {
  margin-left: 30px;
}
#sidebar_sidebar__items__5Hd7R {
  text-align: start;
  overflow: scroll;
  padding-bottom: 6rem;
}
#sidebar_sidebar__items__5Hd7R h3 {
  color: #878787;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.7px;
  transition: color 0.2s;
}
#sidebar_sidebar__items__5Hd7R h3,
#sidebar_sidebar__items__5Hd7R h4 {
  line-height: 1;
}
.sidebar_sidebar__general-item__gVnTX {
  cursor: pointer;
}
.sidebar_sidebar__general-item__gVnTX:hover h3 {
  color: #fff !important;
  transition: color 0.2s;
}
.sidebar_sidebar__general-item__gVnTX {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 16px 0;
  text-transform: uppercase;
}
.sidebar_sidebar__general-item__gVnTX svg {
  margin-bottom: 0.5rem;
}
.sidebar_sidebar__general-item-row__0z2Gp {
  padding: 5px 10px;
  border-radius: 6px;
  margin: 5px 20px;
  transition: background 0.2s;
}
.sidebar_sidebar__general-item-row__0z2Gp:hover {
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.05);
  transition: background 0.2s;
}
.sidebar_sidebar__sidebar-link__1NU9L {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  white-space: nowrap;
}
.sidebar_sidebar__sidebar-link__1NU9L > div {
  align-items: center;
  display: flex;
}
.sidebar_new-component-tag__LpRQP,
.sidebar_vip-component-tag__hKWcS {
  margin: 0 5px !important;
  padding: 2px 4px !important;
  font-size: 8px !important;
}
.sidebar_rtl__6K2_0 .sidebar_sidebar__sidebar-link__1NU9L > div i {
  width: 31px;
}
.sidebar_ltr__kXJvp .sidebar_sidebar__sidebar-link__1NU9L > div i {
  font-size: 17px;
  width: 31px;
}
.sidebar_sidebar__link-active__Jepms {
  background-color: var(--purple) !important;
}
.sidebar_loading__MgRK2 {
  margin: 5px 25px;
}
.sidebar_loading__MgRK2,
.sidebar_loading__username__qPb_u {
  background-color: var(--skeleton);
  padding: 0;
  border-radius: 30px;
}
.sidebar_loading__username__qPb_u {
  margin: 10px auto;
  width: 136px;
}
.sidebar_rtl__6K2_0 .sidebar_sidebar__1af5q,
.sidebar_rtl__6K2_0 .sidebar_sidebar__servers__rR6kY,
.sidebar_rtl__6K2_0 .sidebar_slider-background-color__pn060 {
  z-index: 2;
  direction: rtl;
  left: auto;
  right: 0;
  transition: all 0.5s;
}
.sidebar_rtl__6K2_0 .sidebar_sidebar__probot-logo__ZjXpQ {
  left: auto;
  right: 13px;
  transition: all 0.5s;
}
.sidebar_rtl__6K2_0 .sidebar_sidebar__hidden__E_GJL,
.sidebar_rtl__6K2_0 .sidebar_sidebar__servers-hidden__HspFt {
  right: -490px;
  transition: all 0.5s;
}
.sidebar_rtl__6K2_0 .sidebar_sidebar__probot-logo-hidden__v9t_P {
  width: 60px;
  height: 60px;
  position: fixed;
  top: 20px;
  cursor: pointer;
  right: -377px;
  transform: rotate(300deg);
  transition: all 0.7s;
}
.sidebar_rtl__6K2_0 .sidebar_sidebar__sidebar-link__1NU9L > div {
  flex-direction: row;
}
.sidebar_guild__images-tooltip__iZV81 {
  filter: drop-shadow(1px 5px 1rem var(--gray-4));
}
.sidebar_category_closed__Nwt43 svg {
  transform: rotate(270deg);
  transition: transform 0.2s;
}
.sidebar_category_opened__uVDac svg {
  transform: rotate(1turn);
  transition: transform 0.2s;
}
.sidebar_rtl__6K2_0 .sidebar_category_closed__Nwt43 svg {
  transform: rotate(-270deg);
  transition: transform 0.2s;
}
.sidebar_rtl__6K2_0 .sidebar_category_opened__uVDac svg {
  transform: rotate(-1turn);
  transition: transform 0.2s;
}
.sidebar_icon-image__xDRGY {
  width: 19px;
  -webkit-margin-end: 12px;
  margin-inline-end: 12px;
  filter: brightness(0) invert(1);
}
.sidebar_guild-not-in__bRVgo {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 426px) {
  .sidebar_sidebar__1af5q,
  .sidebar_slider-background-color__pn060 {
    width: calc(100% - 70px);
    -webkit-margin-start: 69.5px;
    margin-inline-start: 69.5px;
  }
  .sidebar_sidebar__servers__rR6kY {
    width: 70px;
  }
  .sidebar_sidebar__servers__rR6kY .sidebar_guild__images__mjUJ3 {
    width: 50px;
  }
  .sidebar_active-server__jGUqw,
  .sidebar_guild__images__mjUJ3:hover {
    box-shadow: -47px 0 0 -10px #fff !important;
  }
  .sidebar_rtl__6K2_0 .sidebar_active-server__jGUqw,
  .sidebar_rtl__6K2_0 .sidebar_guild__images__mjUJ3:hover {
    box-shadow: 47px 0 0 -10px #fff !important;
  }
}
.tw-btn {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 48 / var(--tw-bg-opacity));
  padding: 0.75rem 1.25rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}
.tw-btn:first-letter {
  text-transform: uppercase;
}
.tw-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 67 / var(--tw-bg-opacity));
}
.tw-btn-primary {
  border-width: 0;
  background-color: rgb(41 41 48 / var(--tw-bg-opacity));
  padding: 0.75rem 1.25rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}
.tw-btn-primary:first-letter {
  text-transform: uppercase;
}
.tw-btn-primary:hover {
  background-color: rgb(57 57 67 / var(--tw-bg-opacity));
}
.tw-btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity));
}
.tw-btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 64 153 / var(--tw-bg-opacity));
}
.tw-btn-sec {
  border-width: 0;
  background-color: rgb(41 41 48 / var(--tw-bg-opacity));
  padding: 0.75rem 1.25rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}
.tw-btn-sec:first-letter {
  text-transform: uppercase;
}
.tw-btn-sec,
.tw-btn-sec:hover {
  background-color: rgb(57 57 67 / var(--tw-bg-opacity));
}
.tw-btn-sec {
  --tw-bg-opacity: 1;
}
.tw-btn-sec:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 67 80 / var(--tw-bg-opacity));
}
.tw-double-input {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
}
.tw-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.tw-btn-icon:disabled {
  opacity: 0.5;
}
.tw-btn-icon:disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity));
}
.tw-pointer-events-none {
  pointer-events: none !important;
}
.tw-fixed {
  position: fixed !important;
}
.tw-absolute {
  position: absolute !important;
}
.tw-relative {
  position: relative !important;
}
.tw-sticky {
  position: sticky !important;
}
.tw-inset-0 {
  inset: 0 !important;
}
.-tw-right-4 {
  right: -1rem !important;
}
.-tw-top-4 {
  top: -1rem !important;
}
.tw-bottom-4 {
  bottom: 1rem !important;
}
.tw-bottom-\[0px\] {
  bottom: 0 !important;
}
.tw-left-0 {
  left: 0 !important;
}
.tw-left-1\/2 {
  left: 50% !important;
}
.tw-left-\[-200px\] {
  left: -200px !important;
}
.tw-left-\[45\%\] {
  left: 45% !important;
}
.tw-right-12 {
  right: 3rem !important;
}
.tw-right-4 {
  right: 1rem !important;
}
.tw-right-\[-16px\] {
  right: -16px !important;
}
.tw-right-\[-200px\] {
  right: -200px !important;
}
.tw-top-0 {
  top: 0 !important;
}
.tw-top-1\/2 {
  top: 50% !important;
}
.tw-top-10 {
  top: 2.5rem !important;
}
.tw-top-16 {
  top: 4rem !important;
}
.tw-top-20 {
  top: 5rem !important;
}
.tw-top-24 {
  top: 6rem !important;
}
.tw-top-\[-28\%\] {
  top: -28% !important;
}
.tw-top-\[-78px\] {
  top: -78px !important;
}
.tw-top-\[70\%\] {
  top: 70% !important;
}
.tw-top-\[70px\] {
  top: 70px !important;
}
.tw-top-\[7px\] {
  top: 7px !important;
}
.tw-top-full {
  top: 100% !important;
}
.tw-z-0 {
  z-index: 0 !important;
}
.tw-z-10 {
  z-index: 10 !important;
}
.tw-z-30 {
  z-index: 30 !important;
}
.tw-z-50 {
  z-index: 50 !important;
}
.tw-z-\[100\] {
  z-index: 100 !important;
}
.tw-z-\[1\] {
  z-index: 1 !important;
}
.tw-m-0 {
  margin: 0 !important;
}
.tw-m-auto {
  margin: auto !important;
}
.tw-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.tw-mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.tw-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.tw-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.tw-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.tw-my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.tw-my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.tw-my-\[20px\] {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.tw--ml-1 {
  margin-left: -0.25rem !important;
}
.tw--mr-2 {
  margin-right: -0.5rem !important;
}
.tw-mb-1 {
  margin-bottom: 0.25rem !important;
}
.tw-mb-2 {
  margin-bottom: 0.5rem !important;
}
.tw-mb-28 {
  margin-bottom: 7rem !important;
}
.tw-mb-4 {
  margin-bottom: 1rem !important;
}
.tw-mb-6 {
  margin-bottom: 1.5rem !important;
}
.tw-mb-8 {
  margin-bottom: 2rem !important;
}
.tw-mb-\[35px\] {
  margin-bottom: 35px !important;
}
.tw-ml-2 {
  margin-left: 0.5rem !important;
}
.tw-ml-8 {
  margin-left: 2rem !important;
}
.tw-ml-\[48px\] {
  margin-left: 48px !important;
}
.tw-mr-1 {
  margin-right: 0.25rem !important;
}
.tw-mr-2 {
  margin-right: 0.5rem !important;
}
.tw-mr-3 {
  margin-right: 0.75rem !important;
}
.tw-mt-1 {
  margin-top: 0.25rem !important;
}
.tw-mt-10 {
  margin-top: 2.5rem !important;
}
.tw-mt-12 {
  margin-top: 3rem !important;
}
.tw-mt-14 {
  margin-top: 3.5rem !important;
}
.tw-mt-16 {
  margin-top: 4rem !important;
}
.tw-mt-2 {
  margin-top: 0.5rem !important;
}
.tw-mt-20 {
  margin-top: 5rem !important;
}
.tw-mt-3 {
  margin-top: 0.75rem !important;
}
.tw-mt-4 {
  margin-top: 1rem !important;
}
.tw-mt-40 {
  margin-top: 10rem !important;
}
.tw-mt-48 {
  margin-top: 12rem !important;
}
.tw-mt-5 {
  margin-top: 1.25rem !important;
}
.tw-mt-6 {
  margin-top: 1.5rem !important;
}
.tw-mt-7 {
  margin-top: 1.75rem !important;
}
.tw-mt-\[10px\] {
  margin-top: 10px !important;
}
.tw-mt-\[120px\] {
  margin-top: 120px !important;
}
.tw-mt-\[20px\] {
  margin-top: 20px !important;
}
.tw-mt-\[320px\] {
  margin-top: 320px !important;
}
.tw-mt-\[420px\] {
  margin-top: 420px !important;
}
.tw-mt-\[7rem\] {
  margin-top: 7rem !important;
}
.tw-block {
  display: block !important;
}
.tw-inline-block {
  display: inline-block !important;
}
.tw-inline {
  display: inline !important;
}
.tw-flex {
  display: flex !important;
}
.tw-inline-flex {
  display: inline-flex !important;
}
.tw-grid {
  display: grid !important;
}
.tw-hidden {
  display: none !important;
}
.tw-h-16 {
  height: 4rem !important;
}
.tw-h-2 {
  height: 0.5rem !important;
}
.tw-h-4 {
  height: 1rem !important;
}
.tw-h-5 {
  height: 1.25rem !important;
}
.tw-h-\[10px\] {
  height: 10px !important;
}
.tw-h-\[1px\] {
  height: 1px !important;
}
.tw-h-\[24px\] {
  height: 24px !important;
}
.tw-h-\[26px\] {
  height: 26px !important;
}
.tw-h-\[28px\] {
  height: 28px !important;
}
.tw-h-\[300px\] {
  height: 300px !important;
}
.tw-h-\[42px\] {
  height: 42px !important;
}
.tw-h-\[48px\] {
  height: 48px !important;
}
.tw-h-\[50vh\] {
  height: 50vh !important;
}
.tw-h-\[70vh\] {
  height: 70vh !important;
}
.tw-h-\[72vh\] {
  height: 72vh !important;
}
.tw-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height) !important;
}
.tw-h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.tw-h-full {
  height: 100% !important;
}
.tw-h-px {
  height: 1px !important;
}
.tw-max-h-96 {
  max-height: 24rem !important;
}
.tw-max-h-\[70vh\] {
  max-height: 70vh !important;
}
.tw-min-h-\[42px\] {
  min-height: 42px !important;
}
.tw-w-11 {
  width: 2.75rem !important;
}
.tw-w-16 {
  width: 4rem !important;
}
.tw-w-4 {
  width: 1rem !important;
}
.tw-w-5 {
  width: 1.25rem !important;
}
.tw-w-\[100px\] {
  width: 100px !important;
}
.tw-w-\[100vw\] {
  width: 100vw !important;
}
.tw-w-\[10px\] {
  width: 10px !important;
}
.tw-w-\[26px\] {
  width: 26px !important;
}
.tw-w-\[28px\] {
  width: 28px !important;
}
.tw-w-\[30\%\] {
  width: 30% !important;
}
.tw-w-\[34\.42\%\] {
  width: 34.42% !important;
}
.tw-w-\[34rem\] {
  width: 34rem !important;
}
.tw-w-\[35\%\] {
  width: 35% !important;
}
.tw-w-\[435px\] {
  width: 435px !important;
}
.tw-w-\[48px\] {
  width: 48px !important;
}
.tw-w-\[49\%\] {
  width: 49% !important;
}
.tw-w-\[50\%\] {
  width: 50% !important;
}
.tw-w-\[509px\] {
  width: 509px !important;
}
.tw-w-\[80\%\] {
  width: 80% !important;
}
.tw-w-\[90\%\] {
  width: 90% !important;
}
.tw-w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.tw-w-full {
  width: 100% !important;
}
.tw-w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.tw-w-screen {
  width: 100vw !important;
}
.tw-min-w-\[12rem\] {
  min-width: 12rem !important;
}
.tw-min-w-\[220px\] {
  min-width: 220px !important;
}
.tw-min-w-\[66px\] {
  min-width: 66px !important;
}
.tw-max-w-2xl {
  max-width: 42rem !important;
}
.tw-max-w-\[1080px\] {
  max-width: 1080px !important;
}
.tw-max-w-\[1240px\] {
  max-width: 1240px !important;
}
.tw-max-w-\[220px\] {
  max-width: 220px !important;
}
.tw-max-w-\[300px\] {
  max-width: 300px !important;
}
.tw-max-w-\[400px\] {
  max-width: 400px !important;
}
.tw-max-w-\[435px\] {
  max-width: 435px !important;
}
.tw-max-w-\[437px\] {
  max-width: 437px !important;
}
.tw-max-w-\[440px\] {
  max-width: 440px !important;
}
.tw-max-w-\[540px\] {
  max-width: 540px !important;
}
.tw-max-w-\[550px\] {
  max-width: 550px !important;
}
.tw-max-w-\[65\%\] {
  max-width: 65% !important;
}
.tw-max-w-\[800px\] {
  max-width: 800px !important;
}
.tw-max-w-sm {
  max-width: 24rem !important;
}
.tw-max-w-xs {
  max-width: 20rem !important;
}
.tw-flex-1 {
  flex: 1 1 0% !important;
}
.tw-shrink-0 {
  flex-shrink: 0 !important;
}
.tw-origin-\[top_center\] {
  transform-origin: top center !important;
}
.tw-origin-center {
  transform-origin: center !important;
}
.tw--translate-x-1\/2 {
  --tw-translate-x: -50% !important;
}
.tw--translate-x-1\/2,
.tw--translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tw--translate-y-1\/2 {
  --tw-translate-y: -50% !important;
}
.tw-rotate-\[45deg\] {
  --tw-rotate: 45deg !important;
}
.tw-rotate-\[45deg\],
.tw-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tw-animate-fadeIn {
  animation: tw-fadeIn 0.2s ease !important;
}
@keyframes tw-pulse {
  50% {
    opacity: 0.5;
  }
}
.tw-animate-pulse {
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
.tw-animate-scaleIn {
  animation: tw-scaleIn 0.2s ease !important;
}
@keyframes tw-spin {
  to {
    transform: rotate(1turn);
  }
}
.tw-animate-spin {
  animation: tw-spin 1s linear infinite !important;
}
.tw-cursor-default {
  cursor: default !important;
}
.tw-cursor-none {
  cursor: none !important;
}
.tw-cursor-pointer {
  cursor: pointer !important;
}
.tw-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.tw-scroll-m-5 {
  scroll-margin: 1.25rem !important;
}
.tw-list-none {
  list-style-type: none !important;
}
.tw-appearance-none {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.tw-grid-flow-col {
  grid-auto-flow: column !important;
}
.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.tw-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.tw-grid-rows-\[0fr\] {
  grid-template-rows: 0fr !important;
}
.tw-grid-rows-\[1fr\] {
  grid-template-rows: 1fr !important;
}
.tw-flex-row {
  flex-direction: row !important;
}
.tw-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.tw-flex-col {
  flex-direction: column !important;
}
.tw-flex-wrap {
  flex-wrap: wrap !important;
}
.tw-items-start {
  align-items: flex-start !important;
}
.tw-items-end {
  align-items: flex-end !important;
}
.tw-items-center {
  align-items: center !important;
}
.tw-justify-start {
  justify-content: flex-start !important;
}
.tw-justify-end {
  justify-content: flex-end !important;
}
.tw-justify-center {
  justify-content: center !important;
}
.tw-justify-between {
  justify-content: space-between !important;
}
.tw-gap-0 {
  gap: 0 !important;
}
.tw-gap-1 {
  gap: 0.25rem !important;
}
.tw-gap-10 {
  gap: 2.5rem !important;
}
.tw-gap-11 {
  gap: 2.75rem !important;
}
.tw-gap-12 {
  gap: 3rem !important;
}
.tw-gap-14 {
  gap: 3.5rem !important;
}
.tw-gap-16 {
  gap: 4rem !important;
}
.tw-gap-2 {
  gap: 0.5rem !important;
}
.tw-gap-20 {
  gap: 5rem !important;
}
.tw-gap-3 {
  gap: 0.75rem !important;
}
.tw-gap-4 {
  gap: 1rem !important;
}
.tw-gap-5 {
  gap: 1.25rem !important;
}
.tw-gap-56 {
  gap: 14rem !important;
}
.tw-gap-6 {
  gap: 1.5rem !important;
}
.tw-gap-7 {
  gap: 1.75rem !important;
}
.tw-gap-8 {
  gap: 2rem !important;
}
.tw-gap-9 {
  gap: 2.25rem !important;
}
.tw-gap-\[25px\] {
  gap: 25px !important;
}
.tw-gap-\[4px\] {
  gap: 4px !important;
}
.-tw-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.tw-self-center {
  align-self: center !important;
}
.tw-overflow-hidden {
  overflow: hidden !important;
}
.tw-overflow-clip {
  overflow: clip !important;
}
.tw-overflow-visible {
  overflow: visible !important;
}
.tw-overflow-y-auto {
  overflow-y: auto !important;
}
.tw-overflow-x-hidden {
  overflow-x: hidden !important;
}
.tw-rounded {
  border-radius: 0.25rem !important;
}
.tw-rounded-2xl {
  border-radius: 1rem !important;
}
.tw-rounded-\[6px\] {
  border-radius: 6px !important;
}
.tw-rounded-\[8px\] {
  border-radius: 8px !important;
}
.tw-rounded-full {
  border-radius: 9999px !important;
}
.tw-rounded-lg {
  border-radius: 0.5rem !important;
}
.tw-rounded-md {
  border-radius: 0.375rem !important;
}
.tw-rounded-none {
  border-radius: 0 !important;
}
.tw-rounded-sm {
  border-radius: 0.125rem !important;
}
.tw-rounded-xl {
  border-radius: 0.75rem !important;
}
.tw-rounded-ee-none {
  border-end-end-radius: 0 !important;
}
.tw-rounded-es-none {
  border-end-start-radius: 0 !important;
}
.tw-rounded-tl-2xl {
  border-top-left-radius: 1rem !important;
}
.tw-rounded-tl-\[2px\] {
  border-top-left-radius: 2px !important;
}
.tw-rounded-tr-2xl {
  border-top-right-radius: 1rem !important;
}
.tw-border {
  border-width: 1px !important;
}
.tw-border-0 {
  border-width: 0 !important;
}
.tw-border-\[1px\] {
  border-width: 1px !important;
}
.tw-border-\[2px\] {
  border-width: 2px !important;
}
.tw-border-\[4px\] {
  border-width: 4px !important;
}
.tw-border-x-0 {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
.tw-border-b {
  border-bottom-width: 1px !important;
}
.tw-border-b-0 {
  border-bottom-width: 0 !important;
}
.tw-border-b-2 {
  border-bottom-width: 2px !important;
}
.tw-border-b-\[0px\] {
  border-bottom-width: 0 !important;
}
.tw-border-l-0 {
  border-left-width: 0 !important;
}
.tw-border-r-0 {
  border-right-width: 0 !important;
}
.tw-border-t {
  border-top-width: 1px !important;
}
.tw-border-t-0 {
  border-top-width: 0 !important;
}
.tw-border-t-2 {
  border-top-width: 2px !important;
}
.tw-border-solid {
  border-style: solid !important;
}
.tw-border-none {
  border-style: none !important;
}
.tw-border-\[\#1E1D2F\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(30 29 47 / var(--tw-border-opacity)) !important;
}
.tw-border-\[\#1E202C\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(30 32 44 / var(--tw-border-opacity)) !important;
}
.tw-border-\[\#272a37\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(39 42 55 / var(--tw-border-opacity)) !important;
}
.tw-border-\[\#434164\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(67 65 100 / var(--tw-border-opacity)) !important;
}
.tw-border-\[\#5F5DEF33\] {
  border-color: #5f5def33 !important;
}
.tw-border-\[\#6965F5\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(105 101 245 / var(--tw-border-opacity)) !important;
}
.tw-border-\[\#9683FA\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(150 131 250 / var(--tw-border-opacity)) !important;
}
.tw-border-gray-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(130 134 153 / var(--tw-border-opacity)) !important;
}
.tw-border-gray-800 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(40 42 55 / var(--tw-border-opacity)) !important;
}
.tw-border-gray-820 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(28 29 38 / var(--tw-border-opacity)) !important;
}
.tw-border-gray-850 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(23 24 33 / var(--tw-border-opacity)) !important;
}
.tw-border-grey-1 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(67 67 80 / var(--tw-border-opacity)) !important;
}
.tw-border-grey-2 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(57 57 67 / var(--tw-border-opacity)) !important;
}
.tw-border-grey-text2 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(146 146 160 / var(--tw-border-opacity)) !important;
}
.tw-border-transparent {
  border-color: transparent !important;
}
.tw-border-t-gray-850 {
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(23 24 33 / var(--tw-border-opacity)) !important;
}
.tw-bg-\[\#171821\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 24 33 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#1E202C\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 32 44 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#1a1b24\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 27 36 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#25252c\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 37 44 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#5753EC0A\] {
  background-color: #5753ec0a !important;
}
.tw-bg-\[\#5753EC\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(87 83 236 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#605ceb\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(96 92 235 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#664eee\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(102 78 238 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#6c77ee\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(108 119 238 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#7E67FF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(126 103 255 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#807EF3\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(128 126 243 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#8685FF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(134 133 255 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#ED4C5C\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 76 92 / var(--tw-bg-opacity)) !important;
}
.tw-bg-\[\#ef67670f\] {
  background-color: #ef67670f !important;
}
.tw-bg-\[\#ffffff14\] {
  background-color: #ffffff14 !important;
}
.tw-bg-black\/75 {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.tw-bg-gray-800 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(40 42 55 / var(--tw-bg-opacity)) !important;
}
.tw-bg-gray-820 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 29 38 / var(--tw-bg-opacity)) !important;
}
.tw-bg-gray-850 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 24 33 / var(--tw-bg-opacity)) !important;
}
.tw-bg-gray-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 19 26 / var(--tw-bg-opacity)) !important;
}
.tw-bg-gray-900\/0 {
  background-color: rgba(18, 19, 26, 0) !important;
}
.tw-bg-gray-900\/90 {
  background-color: rgba(18, 19, 26, 0.9) !important;
}
.tw-bg-grey-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 67 80 / var(--tw-bg-opacity)) !important;
}
.tw-bg-grey-2 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(57 57 67 / var(--tw-bg-opacity)) !important;
}
.tw-bg-grey-3 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(41 41 48 / var(--tw-bg-opacity)) !important;
}
.tw-bg-grey-4 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 31 37 / var(--tw-bg-opacity)) !important;
}
.tw-bg-grey-5 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(12 12 15 / var(--tw-bg-opacity)) !important;
}
.tw-bg-grey-text1\/20 {
  background-color: hsla(240, 5%, 46%, 0.2) !important;
}
.tw-bg-purple-main {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity)) !important;
}
.tw-bg-red-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important;
}
.tw-bg-transparent {
  background-color: transparent !important;
}
.tw-bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.tw-bg-opacity-10 {
  --tw-bg-opacity: 0.1 !important;
}
.tw-bg-none {
  background-image: none !important;
}
.tw-fill-\[\#1E202C\] {
  fill: #1e202c !important;
}
.tw-fill-\[\#9292A0\] {
  fill: #9292a0 !important;
}
.tw-fill-current {
  fill: currentColor !important;
}
.tw-fill-purple-main {
  fill: #5865f2 !important;
}
.tw-p-0 {
  padding: 0 !important;
}
.tw-p-1 {
  padding: 0.25rem !important;
}
.tw-p-2 {
  padding: 0.5rem !important;
}
.tw-p-3 {
  padding: 0.75rem !important;
}
.tw-p-4 {
  padding: 1rem !important;
}
.tw-p-5 {
  padding: 1.25rem !important;
}
.tw-p-6 {
  padding: 1.5rem !important;
}
.tw-p-7 {
  padding: 1.75rem !important;
}
.tw-p-8 {
  padding: 2rem !important;
}
.tw-p-\[12px\] {
  padding: 12px !important;
}
.tw-p-\[13px\] {
  padding: 13px !important;
}
.tw-p-\[6\.5px\] {
  padding: 6.5px !important;
}
.tw-p-\[6px\] {
  padding: 6px !important;
}
.tw-p-\[8px\] {
  padding: 8px !important;
}
.tw-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tw-px-0\.5 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}
.tw-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.tw-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.tw-px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.tw-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.tw-px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.tw-px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.tw-px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.tw-px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.tw-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.tw-py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.tw-py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.tw-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.tw-py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.tw-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.tw-py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.tw-py-64 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}
.tw-py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.tw-py-\[0\.63rem\] {
  padding-top: 0.63rem !important;
  padding-bottom: 0.63rem !important;
}
.tw-py-\[10px\] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.tw-py-\[16px\] {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.tw-py-\[24px\] {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.tw-py-\[2px\] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.tw-pb-0 {
  padding-bottom: 0 !important;
}
.tw-pb-10 {
  padding-bottom: 2.5rem !important;
}
.tw-pb-12 {
  padding-bottom: 3rem !important;
}
.tw-pb-3 {
  padding-bottom: 0.75rem !important;
}
.tw-pb-6 {
  padding-bottom: 1.5rem !important;
}
.tw-pb-\[20px\] {
  padding-bottom: 20px !important;
}
.tw-pl-2 {
  padding-left: 0.5rem !important;
}
.tw-pl-5 {
  padding-left: 1.25rem !important;
}
.tw-pr-3 {
  padding-right: 0.75rem !important;
}
.tw-pr-5 {
  padding-right: 1.25rem !important;
}
.tw-pt-1 {
  padding-top: 0.25rem !important;
}
.tw-pt-16 {
  padding-top: 4rem !important;
}
.tw-pt-2 {
  padding-top: 0.5rem !important;
}
.tw-pt-32 {
  padding-top: 8rem !important;
}
.tw-pt-4 {
  padding-top: 1rem !important;
}
.tw-pt-5 {
  padding-top: 1.25rem !important;
}
.tw-pt-8 {
  padding-top: 2rem !important;
}
.tw-pt-\[2px\] {
  padding-top: 2px !important;
}
.tw-text-left {
  text-align: left !important;
}
.tw-text-center {
  text-align: center !important;
}
.tw-text-right {
  text-align: right !important;
}
.tw-text-start {
  text-align: start !important;
}
.tw-align-middle {
  vertical-align: middle !important;
}
.tw-text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.tw-text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.tw-text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.tw-text-\[10px\] {
  font-size: 10px !important;
}
.tw-text-\[12px\] {
  font-size: 12px !important;
}
.tw-text-\[13px\] {
  font-size: 13px !important;
}
.tw-text-\[16px\] {
  font-size: 16px !important;
}
.tw-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.tw-text-lg {
  font-size: 1.125rem !important;
}
.tw-text-lg,
.tw-text-s2 {
  line-height: 1.75rem !important;
}
.tw-text-s2 {
  font-size: 1rem !important;
}
.tw-text-s2,
.tw-text-s3 {
  font-weight: 500 !important;
}
.tw-text-s3 {
  line-height: 1.5rem !important;
}
.tw-text-s3,
.tw-text-sm {
  font-size: 0.875rem !important;
}
.tw-text-sm {
  line-height: 1.25rem !important;
}
.tw-text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.tw-text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.tw-font-\[500\] {
  font-weight: 500 !important;
}
.tw-font-bold {
  font-weight: 700 !important;
}
.tw-font-extrabold {
  font-weight: 800 !important;
}
.tw-font-medium {
  font-weight: 500 !important;
}
.tw-font-normal {
  font-weight: 400 !important;
}
.tw-font-semibold {
  font-weight: 600 !important;
}
.tw-uppercase {
  text-transform: uppercase !important;
}
.tw-capitalize {
  text-transform: capitalize !important;
}
.tw-normal-case {
  text-transform: none !important;
}
.tw-leading-none {
  line-height: 1 !important;
}
.tw-tracking-tight {
  letter-spacing: -0.025em !important;
}
.tw-text-\[\#3EA6FF\] {
  --tw-text-opacity: 1 !important;
  color: rgb(62 166 255 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#807EF3\] {
  --tw-text-opacity: 1 !important;
  color: rgb(128 126 243 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#8d91a9\] {
  --tw-text-opacity: 1 !important;
  color: rgb(141 145 169 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#9699b3\] {
  --tw-text-opacity: 1 !important;
  color: rgb(150 153 179 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#9B9BA6\] {
  --tw-text-opacity: 1 !important;
  color: rgb(155 155 166 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#C2C1FB\] {
  --tw-text-opacity: 1 !important;
  color: rgb(194 193 251 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#EF6767\] {
  --tw-text-opacity: 1 !important;
  color: rgb(239 103 103 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#EFB442\] {
  --tw-text-opacity: 1 !important;
  color: rgb(239 180 66 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#b0b3cf\] {
  --tw-text-opacity: 1 !important;
  color: rgb(176 179 207 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#c8c9d9\] {
  --tw-text-opacity: 1 !important;
  color: rgb(200 201 217 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#f4c238\] {
  --tw-text-opacity: 1 !important;
  color: rgb(244 194 56 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-100 {
  --tw-text-opacity: 1 !important;
  color: rgb(216 218 229 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(186 189 204 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(154 158 178 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(130 134 153 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(235 236 242 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(105 108 128 / var(--tw-text-opacity)) !important;
}
.tw-text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(40 42 55 / var(--tw-text-opacity)) !important;
}
.tw-text-grey-text2 {
  --tw-text-opacity: 1 !important;
  color: rgb(146 146 160 / var(--tw-text-opacity)) !important;
}
.tw-text-grey-text3 {
  --tw-text-opacity: 1 !important;
  color: rgb(192 193 194 / var(--tw-text-opacity)) !important;
}
.tw-text-purple-main {
  --tw-text-opacity: 1 !important;
  color: rgb(88 101 242 / var(--tw-text-opacity)) !important;
}
.tw-text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}
.tw-text-red-main {
  --tw-text-opacity: 1 !important;
  color: rgb(237 76 92 / var(--tw-text-opacity)) !important;
}
.tw-text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tw-underline {
  text-decoration-line: underline !important;
}
.tw-placeholder-white::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity)) !important;
}
.tw-placeholder-white::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity)) !important;
}
.tw-placeholder-opacity-50::-moz-placeholder {
  --tw-placeholder-opacity: 0.5 !important;
}
.tw-placeholder-opacity-50::placeholder {
  --tw-placeholder-opacity: 0.5 !important;
}
.tw-opacity-0 {
  opacity: 0 !important;
}
.tw-opacity-100 {
  opacity: 1 !important;
}
.tw-opacity-25 {
  opacity: 0.25 !important;
}
.tw-opacity-50 {
  opacity: 0.5 !important;
}
.tw-opacity-60 {
  opacity: 0.6 !important;
}
.tw-opacity-75 {
  opacity: 0.75 !important;
}
.tw-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color) !important;
}
.tw-shadow-lg,
.tw-shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color) !important;
}
.tw-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-gray-950 {
  --tw-shadow-color: #030712 !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.tw-outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.tw-ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}
.tw-ring-1,
.tw-ring-4 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000) !important;
}
.tw-ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}
.tw-ring-\[\#7672ec\] {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(118 114 236 / var(--tw-ring-opacity)) !important;
}
.tw-ring-gray-700 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(58 61 77 / var(--tw-ring-opacity)) !important;
}
.tw-ring-grey-4 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(31 31 37 / var(--tw-ring-opacity)) !important;
}
.tw-blur-0 {
  --tw-blur: blur(0) !important;
}
.tw-blur-0,
.tw-blur-lg {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.tw-blur-lg {
  --tw-blur: blur(16px) !important;
}
.tw-grayscale {
  --tw-grayscale: grayscale(100%) !important;
}
.tw-grayscale,
.tw-grayscale-0 {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.tw-grayscale-0 {
  --tw-grayscale: grayscale(0) !important;
}
.tw-backdrop-blur-md {
  --tw-backdrop-blur: blur(12px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia) !important;
}
.tw-transition-\[width\,_height\] {
  transition-property: width, height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.15s !important;
}
.tw-transition-\[width\,transform_250ms_ease\] {
  transition-property: width, transform 0.25s ease !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.15s !important;
}
.tw-transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.15s !important;
}
.tw-transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.15s !important;
}
.tw-transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.15s !important;
}
.tw-duration-100 {
  transition-duration: 0.1s !important;
}
.tw-duration-150 {
  transition-duration: 0.15s !important;
}
.tw-duration-200 {
  transition-duration: 0.2s !important;
}
.tw-duration-300 {
  transition-duration: 0.3s !important;
}
.tw-duration-700 {
  transition-duration: 0.7s !important;
}
.tw-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.tw-perspective-\[2000px\] {
  perspective: 2000px !important;
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
  }
}
.tw-animate-in {
  animation-name: enter !important;
  animation-duration: 0.15s !important;
  --tw-enter-opacity: initial !important;
  --tw-enter-scale: initial !important;
  --tw-enter-rotate: initial !important;
  --tw-enter-translate-x: initial !important;
  --tw-enter-translate-y: initial !important;
}
.tw-fade-in-0 {
  --tw-enter-opacity: 0 !important;
}
.tw-zoom-in-95 {
  --tw-enter-scale: 0.95 !important;
}
.tw-duration-100 {
  animation-duration: 0.1s !important;
}
.tw-duration-150 {
  animation-duration: 0.15s !important;
}
.tw-duration-200 {
  animation-duration: 0.2s !important;
}
.tw-duration-300 {
  animation-duration: 0.3s !important;
}
.tw-duration-700 {
  animation-duration: 0.7s !important;
}
.tw-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.tw-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.tw-rounded-\[5px\] {
  border-radius: 5px !important;
}
.tw-px-\[20px\] {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.first-letter\:tw-uppercase:first-letter {
  text-transform: uppercase !important;
}
.hover\:-tw-translate-y-1:hover {
  --tw-translate-y: -0.25rem !important;
}
.hover\:-tw-translate-y-1:hover,
.hover\:-tw-translate-y-3:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.hover\:-tw-translate-y-3:hover {
  --tw-translate-y: -0.75rem !important;
}
.hover\:-tw-translate-y-4:hover {
  --tw-translate-y: -1rem !important;
}
.hover\:-tw-translate-y-4:hover,
.hover\:tw-rotate-90:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.hover\:tw-rotate-90:hover {
  --tw-rotate: 90deg !important;
}
.hover\:tw-border-gray-800:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(40 42 55 / var(--tw-border-opacity)) !important;
}
.hover\:tw-bg-\[\#232329\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(35 35 41 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-\[\#7d86f0\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(125 134 240 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-\[\#807eea\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(128 126 234 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-\[\#8d8df0\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(141 141 240 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-\[\#EFB442\]\/10:hover {
  background-color: rgba(239, 180, 66, 0.1) !important;
}
.hover\:tw-bg-\[\#d03747\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 55 71 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-\[\#f4c238\]\/10:hover {
  background-color: rgba(244, 194, 56, 0.1) !important;
}
.hover\:tw-bg-gray-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(216 218 229 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-gray-800:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(40 42 55 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-gray-800\/40:hover {
  background-color: rgba(40, 42, 55, 0.4) !important;
}
.hover\:tw-bg-gray-820:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 29 38 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-gray-850:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 24 33 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-grey-1:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 67 80 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-grey-2:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(57 57 67 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-grey-3:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(41 41 48 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-grey-4:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 31 37 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-purple-hover:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(52 64 153 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-purple-main:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-red-500:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important;
}
.hover\:tw-bg-red-main\/10:hover {
  background-color: rgba(237, 76, 92, 0.1) !important;
}
.hover\:tw-bg-opacity-10:hover {
  --tw-bg-opacity: 0.1 !important;
}
.hover\:tw-fill-\[\#EDEDF3\]:hover {
  fill: #ededf3 !important;
}
.hover\:tw-text-\[\#f4c238\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(244 194 56 / var(--tw-text-opacity)) !important;
}
.hover\:tw-text-gray-100:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(216 218 229 / var(--tw-text-opacity)) !important;
}
.hover\:tw-text-gray-200:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(186 189 204 / var(--tw-text-opacity)) !important;
}
.hover\:tw-text-red-main:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(237 76 92 / var(--tw-text-opacity)) !important;
}
.hover\:tw-text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:tw-underline:hover {
  text-decoration-line: underline !important;
}
.hover\:tw-opacity-80:hover {
  opacity: 0.8 !important;
}
.hover\:tw-ring-1:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}
.hover\:tw-ring-1:hover,
.hover\:tw-ring-2:hover {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000) !important;
}
.hover\:tw-ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}
.hover\:tw-ring-grey-2:hover {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(57 57 67 / var(--tw-ring-opacity)) !important;
}
.hover\:tw-grayscale:hover {
  --tw-grayscale: grayscale(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.focus\:tw-border:focus {
  border-width: 1px !important;
}
.focus\:tw-border-solid:focus {
  border-style: solid !important;
}
.focus\:tw-border-purple-main:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(88 101 242 / var(--tw-border-opacity)) !important;
}
.focus\:tw-bg-purple-main:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity)) !important;
}
.focus\:tw-text-white:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.focus\:tw-outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus-visible\:tw-outline-none:focus-visible {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus-visible\:tw-ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000) !important;
}
.focus-visible\:tw-ring-green-400:focus-visible {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity)) !important;
}
.focus-visible\:tw-ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px !important;
}
.focus-visible\:tw-ring-offset-green-400:focus-visible {
  --tw-ring-offset-color: #4ade80 !important;
}
.disabled\:tw-cursor-not-allowed:disabled {
  cursor: not-allowed !important;
}
.disabled\:tw-opacity-50:disabled {
  opacity: 0.5 !important;
}
.tw-group:hover .group-hover\:tw-text-grey-text3 {
  --tw-text-opacity: 1 !important;
  color: rgb(192 193 194 / var(--tw-text-opacity)) !important;
}
.tw-group:hover .group-hover\:tw-opacity-75 {
  opacity: 0.75 !important;
}
.data-\[disabled\]\:tw-pointer-events-none[data-disabled] {
  pointer-events: none !important;
}
.data-\[state\=checked\]\:tw-mr-1[data-state="checked"] {
  margin-right: 0.25rem !important;
}
.data-\[state\=unchecked\]\:tw-ml-1[data-state="unchecked"] {
  margin-left: 0.25rem !important;
}
.data-\[state\=checked\]\:tw-translate-x-5[data-state="checked"] {
  --tw-translate-x: 1.25rem !important;
}
.data-\[state\=checked\]\:tw-translate-x-5[data-state="checked"],
.data-\[state\=unchecked\]\:-tw-translate-x-0[data-state="unchecked"] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.data-\[state\=unchecked\]\:-tw-translate-x-0[data-state="unchecked"] {
  --tw-translate-x: -0px !important;
}
@keyframes tw-enterFromRight {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.data-\[motion\=from-end\]\:tw-animate-enterFromRight[data-motion="from-end"] {
  animation: tw-enterFromRight 0.25s ease !important;
}
@keyframes tw-enterFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.data-\[motion\=from-start\]\:tw-animate-enterFromLeft[data-motion="from-start"] {
  animation: tw-enterFromLeft 0.25s ease !important;
}
@keyframes tw-exitToRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(200px);
  }
}
.data-\[motion\=to-end\]\:tw-animate-exitToRight[data-motion="to-end"] {
  animation: tw-exitToRight 0.25s ease !important;
}
@keyframes tw-exitToLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-200px);
  }
}
.data-\[motion\=to-start\]\:tw-animate-exitToLeft[data-motion="to-start"] {
  animation: tw-exitToLeft 0.25s ease !important;
}
@keyframes tw-slideUpAndFade {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.data-\[side\=bottom\]\:tw-animate-slideUpAndFade[data-side="bottom"] {
  animation: tw-slideUpAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes tw-slideRightAndFade {
  0% {
    opacity: 0;
    transform: translateX(-2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.data-\[side\=left\]\:tw-animate-slideRightAndFade[data-side="left"] {
  animation: tw-slideRightAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes tw-slideLeftAndFade {
  0% {
    opacity: 0;
    transform: translateX(2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.data-\[side\=right\]\:tw-animate-slideLeftAndFade[data-side="right"] {
  animation: tw-slideLeftAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes tw-slideDownAndFade {
  0% {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.data-\[side\=top\]\:tw-animate-slideDownAndFade[data-side="top"] {
  animation: tw-slideDownAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes tw-scaleOut {
  0% {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
  to {
    opacity: 0;
    transform: rotateX(-10deg) scale(0.95);
  }
}
.data-\[state\=closed\]\:tw-animate-scaleOut[data-state="closed"] {
  animation: tw-scaleOut 0.2s ease !important;
}
@keyframes tw-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.data-\[state\=hidden\]\:tw-animate-fadeOut[data-state="hidden"] {
  animation: tw-fadeOut 0.2s ease !important;
}
@keyframes tw-scaleIn {
  0% {
    opacity: 0;
    transform: rotateX(-10deg) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
}
.data-\[state\=open\]\:tw-animate-scaleIn[data-state="open"] {
  animation: tw-scaleIn 0.2s ease !important;
}
@keyframes tw-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.data-\[state\=visible\]\:tw-animate-fadeIn[data-state="visible"] {
  animation: tw-fadeIn 0.2s ease !important;
}
.data-\[state\=checked\]\:tw-bg-white[data-state="checked"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.data-\[state\=unchecked\]\:tw-bg-grey-icon[data-state="unchecked"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(104 104 114 / var(--tw-bg-opacity)) !important;
}
.data-\[button\=delete\]\:tw-text-red-500[data-button="delete"] {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}
.data-\[disabled\]\:tw-opacity-50[data-disabled] {
  opacity: 0.5 !important;
}
.data-\[state\=open\]\:tw-animate-in[data-state="open"] {
  animation-name: enter !important;
  animation-duration: 0.15s !important;
  --tw-enter-opacity: initial !important;
  --tw-enter-scale: initial !important;
  --tw-enter-rotate: initial !important;
  --tw-enter-translate-x: initial !important;
  --tw-enter-translate-y: initial !important;
}
.data-\[state\=closed\]\:tw-animate-out[data-state="closed"] {
  animation-name: exit !important;
  animation-duration: 0.15s !important;
  --tw-exit-opacity: initial !important;
  --tw-exit-scale: initial !important;
  --tw-exit-rotate: initial !important;
  --tw-exit-translate-x: initial !important;
  --tw-exit-translate-y: initial !important;
}
.data-\[state\=closed\]\:tw-fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0 !important;
}
.data-\[state\=open\]\:tw-fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0 !important;
}
.data-\[state\=closed\]\:tw-zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95 !important;
}
.data-\[state\=open\]\:tw-zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95 !important;
}
.data-\[side\=bottom\]\:tw-slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem !important;
}
.data-\[side\=left\]\:tw-slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem !important;
}
.data-\[side\=right\]\:tw-slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem !important;
}
.data-\[side\=top\]\:tw-slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem !important;
}
.data-\[state\=closed\]\:tw-slide-out-to-bottom-\[5\%\][data-state="closed"] {
  --tw-exit-translate-y: 5% !important;
}
.data-\[state\=open\]\:tw-slide-in-from-bottom-\[5\%\][data-state="open"] {
  --tw-enter-translate-y: 5% !important;
}
.data-\[button\=delete\]\:hover\:tw-bg-red-400\/5:hover[data-button="delete"] {
  background-color: hsla(0, 91%, 71%, 0.05) !important;
}
:is([dir="ltr"] .ltr\:tw-right-0) {
  right: 0 !important;
}
:is([dir="rtl"] .rtl\:tw-left-0) {
  left: 0 !important;
}
:is([dir="rtl"] .rtl\:tw-flex-row-reverse) {
  flex-direction: row-reverse !important;
}
:is([dir="rtl"] .rtl\:tw-justify-end) {
  justify-content: flex-end !important;
}
:is([dir="rtl"] .rtl\:tw-leading-normal) {
  line-height: 1.5 !important;
}
@media (max-width: 1900px) {
  .\32xl\:tw-max-w-lg {
    max-width: 32rem !important;
  }
}
@media (max-width: 1500px) {
  .xl\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1200px) {
  .lg\:tw-top-\[-10\%\] {
    top: -10% !important;
  }
  .lg\:tw-ml-0 {
    margin-left: 0 !important;
  }
  .lg\:tw-mt-0 {
    margin-top: 0 !important;
  }
  .lg\:tw-mt-20 {
    margin-top: 5rem !important;
  }
  .lg\:tw-mt-56 {
    margin-top: 14rem !important;
  }
  .lg\:tw-mt-\[512px\] {
    margin-top: 512px !important;
  }
  .lg\:tw-hidden {
    display: none !important;
  }
  .lg\:tw-h-\[85vh\] {
    height: 85vh !important;
  }
  .lg\:tw-w-\[49\%\] {
    width: 49% !important;
  }
  .lg\:tw-w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .lg\:tw-w-full {
    width: 100% !important;
  }
  .lg\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:tw-flex-col {
    flex-direction: column !important;
  }
  .lg\:tw-flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .lg\:tw-items-start {
    align-items: flex-start !important;
  }
  .lg\:tw-items-center {
    align-items: center !important;
  }
  .lg\:tw-justify-center {
    justify-content: center !important;
  }
  .lg\:tw-gap-12 {
    gap: 3rem !important;
  }
  .lg\:tw-gap-4 {
    gap: 1rem !important;
  }
  .lg\:tw-gap-7 {
    gap: 1.75rem !important;
  }
  .lg\:tw-gap-8 {
    gap: 2rem !important;
  }
  .lg\:tw-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:tw-py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:tw-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .lg\:tw-text-center {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .md\:tw-w-full {
    width: 100% !important;
  }
  .md\:tw-flex-wrap {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 639px) {
  .sm\:tw-top-16 {
    top: 4rem !important;
  }
  .sm\:tw-top-\[-8\%\] {
    top: -8% !important;
  }
  .sm\:tw-top-\[0px\] {
    top: 0 !important;
  }
  .sm\:tw-m-0 {
    margin: 0 !important;
  }
  .sm\:tw-mr-4 {
    margin-right: 1rem !important;
  }
  .sm\:tw-mt-0 {
    margin-top: 0 !important;
  }
  .sm\:tw-mt-28 {
    margin-top: 7rem !important;
  }
  .sm\:tw-mt-\[280px\] {
    margin-top: 280px !important;
  }
  .sm\:tw-hidden {
    display: none !important;
  }
  .sm\:tw-h-\[28px\] {
    height: 28px !important;
  }
  .sm\:tw-h-\[350px\] {
    height: 350px !important;
  }
  .sm\:tw-h-\[44px\] {
    height: 44px !important;
  }
  .sm\:tw-h-full {
    height: 100% !important;
  }
  .sm\:tw-w-\[32px\] {
    width: 32px !important;
  }
  .sm\:tw-w-\[44px\] {
    width: 44px !important;
  }
  .sm\:tw-w-auto {
    width: auto !important;
  }
  .sm\:tw-w-full {
    width: 100% !important;
  }
  .sm\:tw-max-w-\[250px\] {
    max-width: 250px !important;
  }
  .sm\:tw-max-w-full {
    max-width: 100% !important;
  }
  .sm\:tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .sm\:tw-flex-col {
    flex-direction: column !important;
  }
  .sm\:tw-flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:tw-items-start {
    align-items: flex-start !important;
  }
  .sm\:tw-items-center {
    align-items: center !important;
  }
  .sm\:tw-gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:tw-gap-20 {
    gap: 5rem !important;
  }
  .sm\:tw-gap-28 {
    gap: 7rem !important;
  }
  .sm\:tw-gap-4 {
    gap: 1rem !important;
  }
  .sm\:tw-gap-5 {
    gap: 1.25rem !important;
  }
  .sm\:tw-gap-6 {
    gap: 1.5rem !important;
  }
  .sm\:tw-gap-8 {
    gap: 2rem !important;
  }
  .sm\:tw-overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:tw-p-3 {
    padding: 0.75rem !important;
  }
  .sm\:tw-p-4 {
    padding: 1rem !important;
  }
  .sm\:tw-p-5 {
    padding: 1.25rem !important;
  }
  .sm\:tw-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm\:tw-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:tw-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:tw-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:tw-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:tw-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:tw-py-40 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .sm\:tw-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:tw-pb-0 {
    padding-bottom: 0 !important;
  }
  .sm\:tw-pb-4 {
    padding-bottom: 1rem !important;
  }
  .sm\:tw-pt-16 {
    padding-top: 4rem !important;
  }
  .sm\:tw-text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .sm\:tw-text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .sm\:tw-text-\[18px\] {
    font-size: 18px !important;
  }
  .sm\:tw-text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .sm\:tw-text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
}
button {
  color: #fff;
}
#__next,
.dashboard-container,
.wrapper,
body,
html {
  height: 100%;
  background-color: var(--gray-3);
}
.dashboard-container {
  -webkit-margin-start: 23.3rem;
  margin-inline-start: 23.3rem;
  padding-top: 3.3rem;
  transition: all 0.5s;
}
.landing-text {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.dashboard-container-hidden {
  height: 100%;
  background-color: var(--gray-3);
  margin-left: 0;
  margin-top: 3.3rem;
  transition: all 0.5s;
}
.rtl,
.rtl .dashboard-container,
.rtl .dashboard-container-hidden {
  direction: rtl;
}
.component {
  padding: 16px;
  background-color: var(--gray-3);
  transition: all 0.4s;
}
.component-container {
  max-width: 1200px;
  margin: 0 auto;
}
body,
strong {
  font-weight: 500;
}
body {
  color: #fff;
  font-family: Open Sans, Vazirmatn, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 1.5;
  background: #292930;
  overflow-x: hidden;
}
a:active,
a:hover {
  outline: 0;
}
button:focus {
  border: none;
  outline: 0;
}
ul {
  list-style: none;
}
a,
a:focus,
a:hover {
  text-decoration: none;
  color: #fff;
}
a:focus {
  outline: none;
}
ol,
ul {
  padding: 0;
}
img,
svg {
  vertical-align: baseline;
}
.pa-0 {
  padding: 0 !important;
}
.pa-5 {
  padding: 5px !important;
}
.pa-10 {
  padding: 10px !important;
}
.pa-15 {
  padding: 15px !important;
}
.pa-20 {
  padding: 20px !important;
}
.pa-25 {
  padding: 25px !important;
}
.pa-30 {
  padding: 30px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.rtl .pl-40 {
  padding-right: 40px !important;
  padding-left: unset !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-85 {
  padding-left: 85px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.ma-0 {
  margin: 0 !important;
}
.ma-5 {
  margin: 5px !important;
}
.ma-10 {
  margin: 10px !important;
}
.ma-15 {
  margin: 15px !important;
}
.ma-20 {
  margin: 20px !important;
}
.ma-25 {
  margin: 25px !important;
}
.ma-30 {
  margin: 30px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mt-250 {
  margin-top: 250px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-75 {
  margin-bottom: 75px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-85 {
  margin-bottom: 85px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-95 {
  margin-bottom: 95px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-24-minus {
  margin-left: -24px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-55 {
  margin-left: 55px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-55 {
  margin-right: 55px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-65 {
  margin-right: 65px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-75 {
  margin-right: 75px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-85 {
  margin-right: 85px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-230 {
  margin-right: 230px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.no-float {
  float: none !important;
}
.overflow-hide {
  overflow: hidden !important;
}
.clearfix {
  overflow: hidden;
  clear: both;
  float: none;
}
.preloader-it {
  background: #fff;
  position: fixed;
  z-index: 100;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.bg-green,
.bg-success {
  background: #76c880 !important;
}
.bg-light-green {
  background: #aed581 !important;
}
.bg-dark-green {
  background: #558b2f !important;
}
.bg-xtra-light-green {
  background: #dcedc8 !important;
}
.bg-light-blue {
  background: #958fef !important;
}
.bg-seagreen {
  background: #007153 !important;
}
.bg-grey {
  background: #878787 !important;
}
.bg-LightBlack {
  background: #36393f !important;
}
.bg-warning,
.bg-yellow {
  background: #e3c94b !important;
}
.bg-danger,
.bg-red {
  background: #f73414 !important;
}
.bg-blue,
.bg-primary {
  background: var(--purple) !important;
}
.bg-info,
.bg-pink {
  background: #f742aa !important;
}
.bg-purple {
  background: #ac235c !important;
}
.bg-orange {
  background: #f16e3c !important;
}
.bg-gold {
  background: #e58b25 !important;
}
.bg-brown {
  background: #6d300e !important;
}
.bg-beige {
  background: #f7ce99 !important;
}
.bg-dark,
.bg-light {
  background: #fff !important;
}
.bg-gray-1 {
  background: var(--gray-1) !important;
}
.bg-gray-2 {
  background: var(--gray-2) !important;
}
.bg-gray-3 {
  background: var(--gray-3) !important;
}
.bg-gray-4 {
  background: var(--gray-4) !important;
}
.bg-transparent {
  background: transparent !important;
}
.bg-twitter {
  background: #00aced !important;
}
.bg-gradient,
.fc-unthemed .fc-today,
.jq-toast-wrap .jq-toast-single,
.weather-gradient .left-block-wrap {
  background: #fff url(/static/gradient1.svg) no-repeat !important;
  background-size: cover !important;
}
.bg-gradient1,
.weather-gradient1 .left-block-wrap {
  background: #fff url(/static/gradient2.svg) no-repeat !important;
  background-size: cover !important;
}
.bg-gradient2,
.weather-gradient2 .left-block-wrap {
  background: #fff url(/static/gradient3.svg) no-repeat !important;
  background-size: cover !important;
}
.bg-gradient3,
.weather-gradient3 .left-block-wrap {
  background: #fff url(/static/gradient4.svg) no-repeat !important;
  background-size: cover !important;
}
.txt-black {
  color: #000 !important;
}
.txt-dark,
.txt-light {
  color: #fff !important;
}
.txt-grey {
  color: #878787 !important;
}
.txt-light-grey {
  color: #dedede !important;
}
.text-info,
.txt-info {
  color: #f742aa !important;
}
.text-warning,
.txt-warning {
  color: #e3c94b !important;
}
.text-primary,
.txt-primary {
  color: #e2409e !important;
}
.text-success,
.txt-success {
  color: #76c880 !important;
}
.txt-light-green {
  color: #aed581 !important;
}
.txt-light-blue {
  color: #958fef !important;
}
.text-danger,
.txt-danger {
  color: var(--red) !important;
}
.txt-purple {
  color: #ac235c !important;
}
.txt-beige {
  color: #f7ce99 !important;
}
.txt-gold {
  color: #e58b25 !important;
}
.txt-orange {
  color: #f16e3c !important;
}
.txt-brown {
  color: #6d300e !important;
}
.font-10 {
  font-size: 10px !important;
}
.font-11 {
  font-size: 11px !important;
}
.font-12 {
  font-size: 12px !important;
}
.font-13 {
  font-size: 13px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-21 {
  font-size: 21px !important;
}
.font-22 {
  font-size: 22px !important;
}
.font-24 {
  font-size: 24px !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.capitalize-font {
  text-transform: capitalize !important;
}
.uppercase-font {
  text-transform: uppercase !important;
}
.nonecase-font {
  text-transform: none !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.table-struct {
  display: table !important;
}
.table-cell {
  display: table-cell !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.full-width {
  width: 100% !important;
}
.full-height {
  height: 100% !important;
}
.half-width {
  width: 50% !important;
}
.auto-width {
  width: auto !important;
}
.relative {
  position: relative !important;
}
.border-top {
  border-top: 2px solid #2f2f38 !important;
}
.border-bottom {
  border-bottom: 2px solid #2f2f38 !important;
}
.border-none {
  border: none !important;
}
small {
  padding-left: 5px;
}
.text-muted,
small {
  color: #878787;
}
.truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-only-view {
  display: none !important;
}
hr.light-grey-hr {
  border-top: 1px solid #dedede;
}
.seprator-block {
  margin-bottom: 80px;
}
address .address-head {
  font-size: 15px;
  color: #fff;
  display: block;
}
.mark,
mark {
  padding: 3px;
  background-color: #f73414;
  color: #fff;
}
blockquote {
  padding: 15px 20px;
  margin: 0 0 20px;
  font-size: 16px;
  border-left: 4px solid var(--purple);
  background: #f7f7f9;
  color: #fff;
}
blockquote small {
  font-size: 70%;
  text-transform: uppercase;
  padding-top: 15px;
}
ul.uo-list {
  list-style: disc;
}
li a {
  unicode-bidi: plaintext;
}
.dramex0 {
  width: 350px;
  height: 100%;
  overflow: hidden;
}
.dramex1 {
  width: 80px;
  float: left;
  background-color: #202225;
  height: 100%;
  overflow: scroll;
}
.dramex1,
.nicescroll-bar {
  scrollbar-width: none;
}
.dramex1::-webkit-scrollbar {
  width: 0;
}
.dramex1::-webkit-scrollbar-track {
  display: none;
}
.dramex-scroll {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-left: 7px;
  padding-right: 15px;
  box-sizing: content-box;
}
.dramex2 {
  height: 100%;
  overflow: hidden;
}
.dramex-sideimg {
  width: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  filter: grayscale(80%);
  transition: all 0.2s;
}
.dramexactiveimg {
  filter: none;
}
.nav-pills > li:last-child {
  margin-right: 5px !important;
}
.dramex-sideimg:hover {
  transform: scale(1.2);
  filter: none;
}
.blacklistTitle {
  font-size: 24px;
  line-height: 30px;
}
.blacklistNote {
  font-size: 18px;
  line-height: 30px;
}
.rtl .form-control,
.rtl code {
  direction: rtl;
  unicode-bidi: plaintext;
}
.label-premium {
  border-radius: 13px;
  padding: 0 0.5rem;
  background-color: #daa520;
  color: #2f3136;
  font-weight: 500;
  margin-left: 6px;
}
.btn-transparent {
  background: transparent;
  border: 1px solid #fff !important;
}
.btn-transparent:hover {
  background: #ffffff45;
  color: #fff;
}
.fileinput {
  margin-bottom: 0 !important;
  width: 100%;
}
.rtl .input-group-addon:first-child {
  border-right: 1px solid #ccc;
  border-left: 0;
}
.rtl .input-group .form-control:last-child.rtl .input-group-addon:last-child,
.rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.rtl .input-group-btn:first-child > .btn:not(:first-child),
.rtl .input-group-btn:last-child > .btn,
.rtl .input-group-btn:last-child > .btn-group > .btn,
.rtl .input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rtl .input-group .form-control:first-child,
.rtl .input-group-addon:first-child,
.rtl .input-group-btn:first-child > .btn,
.rtl .input-group-btn:first-child > .btn-group > .btn,
.rtl .input-group-btn:first-child > .dropdown-toggle,
.rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.rtl .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rtl .fileinput-new .input-group .btn-file,
.rtl .fileinput-new.input-group .btn-file {
  border-radius: 4px 0 0 4px;
}
.rtl .command {
  direction: rtl;
}
.rtl .CommandName {
  direction: ltr;
  text-align: right;
}
.rtl .CommandInfoContainer {
  margin-right: auto;
  margin-left: 0;
}
.rtl .CommandInfo {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: none;
}
.rtl .css-10odw4q {
  direction: ltr;
}
.rtl .styles_closeButton__20ID4 {
  right: auto;
  left: 14px;
}
.helpcommandHead {
  color: #ccc;
  font-weight: 500;
  font-size: 15px;
}
.helpcommandLT {
  direction: ltr !important;
  display: -webkit-inline-box;
}
.helpcommandContent {
  margin-left: 15px;
  white-space: pre;
  text-align: justify;
}
.rtl .helpcommandContent {
  direction: ltr;
  display: flex;
  justify-content: flex-end;
}
.rtl .panel-body-rtl {
  direction: rtl;
  text-align: right;
}
.helpcommand {
  border-color: #2f3136;
}
.helpcommand,
.helpcommand .panel-heading {
  background-color: var(--gray-4);
  color: #72767d;
}
.helpcommand .panel-heading {
  border-color: #000;
}
.inline {
  display: inline;
}
.file-directory {
  background-color: var(--gray-2);
}
@media screen and (min-width: 992px) {
  .rtl .crtl .col-md-3,
  .rtl .crtl .col-md-4,
  .rtl .crtl.col-md-8 {
    float: right !important;
  }
}
.summary {
  color: #dbdcdd;
}
.rtl .pager {
  text-align: right !important;
}
.rtl .form-group {
  direction: rtl;
}
.log-title {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.log-title span {
  font-size: 12px;
  color: #7a7b7c;
  font-weight: 600;
}
.log-date {
  font-size: 11px;
  color: #999;
}
.logs-table {
  position: relative;
  display: -ms-flexbox;
  flex-direction: row;
  margin-bottom: 16px;
  background-color: #313339;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 10px 16px;
  min-height: 85px;
  transition: opacity 175ms ease-out;
}
.logs-table .summary {
  margin-bottom: 0;
}
.media-photo {
  height: 45px;
  width: 45px;
  border-radius: 50%;
}
.logs-panel {
  height: 270px;
}
.logs-table > table > tbody > tr:nth-of-type(odd) {
  background-color: rgba(32, 34, 37, 0.3);
}
.logs-table td {
  vertical-align: middle;
  padding: 12px 12px 5px;
}
.pagination {
  justify-content: center;
  margin: 0;
}
.pagination > div {
  display: flex;
  align-items: center;
  background-color: #6c78f812;
  border-radius: 50px;
  padding: 0.5rem 1rem;
  gap: 5px;
}
.pagination > div li:first-child a {
  margin: 0;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.pagination > div li:last-child a {
  margin: 0;
}
.pagination li a {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  font-size: 0.8rem;
  transition: all 0.2s;
}
.logs-pagination > li > a,
.logs-pagination > li > span {
  border-radius: 50% !important;
  margin: 0 5px;
}
.logs-pagination > .active > a,
.logs-pagination > .active > a:focus,
.logs-pagination > .active > a:hover,
.logs-pagination > .active > span,
.logs-pagination > .active > span:focus,
.logs-pagination > .active > span:hover {
  background-color: #f742aa;
  border-color: #f742aa;
  z-index: 0 !important;
}
.logs-pagination {
  margin: 0;
}
.logs-pagination > .disabled > a,
.logs-pagination > li > a,
.logs-pagination > li > span {
  background-color: #202225;
  color: #fff;
  border-color: #202225;
}
.charts_string {
  font-size: 30px;
}
.rtl .charts_string,
.rtl .panel-heading {
  direction: rtl;
}
.ltr {
  direction: ltr !important;
}
.rtl .crtl {
  direction: rtl !important;
}
.rtl .rrtl {
  float: right !important;
  text-align: right;
}
.rtl .lrtl {
  float: left !important;
}
.rtl .automod_head,
.rtl input,
.rtl select {
  direction: rtl;
}
.rtl .automod_head > .pull-right {
  float: left !important;
}
.recharts-tooltip-wrapper {
  color: #000;
}
.index-background {
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.invite_to_discord {
  z-index: 1;
  display: block;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.invite_div {
  z-index: 9;
  margin: auto;
  padding: 10px;
}
.inviteBtn {
  color: #fff;
  background-color: var(--purple) !important;
  border-color: var(--purple) !important;
  transition: background 0.2s;
}
.inviteBtn:hover {
  background-color: var(--hover-purple) !important;
  transition: background 0.2s;
}
.btn-discord-logo {
  background-color: var(--purple);
  align-items: center;
  border-radius: 4px;
}
.dramex_no_invite {
  width: 80px !important;
}
.rtl .nav-pills-outline > li {
  float: right;
}
.social-icon {
  color: #7e67ff;
  font-size: 25px;
}
.text-log {
  font-size: 20px;
}
.rtl .alert.alert-style-1 {
  direction: rtl;
  padding-right: 70px;
  padding-left: auto;
}
.rtl .rr-add-message-btn .alert.alert-style-1 {
  padding-left: 0;
}
.rtl .alert.alert-style-1 i {
  right: 0;
  left: auto;
}
.rtl .confoText {
  direction: rtl;
}
.confoText {
  margin-bottom: 20px;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .rtl .confoButtons {
    text-align: left !important;
    direction: rtl;
  }
  .confoButtons,
  .rtl .confoText {
    text-align: right !important;
  }
  .confoText {
    text-align: left !important;
    margin-bottom: 0;
  }
}
.confoButtons,
.confoText {
  text-align: center;
}
.panel-dark {
  position: relative;
  margin-bottom: 16px;
  background-color: var(--gray-4);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 16px;
  min-height: 85px;
  border-radius: 8px;
  transition: opacity 175ms ease-out;
}
.panel-dark.protection {
  border: 0;
  border-radius: 24px;
  padding: 24px;
  background-color: var(--command-bg);
}
.nav-pills > li > a {
  background-color: #313339 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
}
.nav-pills > li.active > a,
.nav-pills > li.open > a,
.nav-pills > li > a:hover {
  background: var(--purple) !important;
}
.confoButtons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.confoButtons > * {
  flex: 1;
}
.rtl .Modalhead .iconify {
  right: 96%;
}
.Modalhead .iconify:hover {
  color: var(--red);
  transition: all 0.2s;
}
.rtl .nav-tabs > li {
  float: right !important;
}
.rtl .commandItem {
  direction: rtl !important;
}
.rtl .proswitch {
  margin-right: auto;
  margin-left: 0;
}
.rtl [aria-checked="true"][aria-label="dramm"] {
  transform: translateX(2px) !important;
}
.rtl [aria-label="dramm"] {
  transform: translateX(20px) !important;
}
.rtl [aria-checked="true"][aria-label="drammLogs"] {
  transform: translateX(2px) !important;
}
.rtl [aria-label="drammLogs"] {
  transform: translateX(24px) !important;
}
.rtl [aria-checked="true"][aria-label="dramw"] {
  transform: translateX(1px) !important;
}
.rtl [aria-checked="false"][aria-label="dramw"] {
  transform: translateX(36px) !important;
}
.rtl [aria-checked="true"][aria-label="drammudles"] {
  transform: translateX(1px) !important;
}
.rtl [aria-checked="false"][aria-label="drammudles"] {
  transform: translateX(111px) !important;
}
.rtl .react-switch-bg > div:first-of-type,
.rtl .react-switch-bg > div:nth-of-type(2) {
  width: 150px !important;
}
.rtl .moduleTitle {
  direction: rtl;
}
.dramexSwi {
  direction: ltr;
}
.rtl .flex,
.rtl .log-row {
  direction: rtl;
}
.invitenew {
  position: relative;
}
.log-row {
  width: 80%;
}
.log-colorpicker {
  display: inline-flex;
  margin: 4px 6px 4px 4px;
}
.log-label {
  font-size: 20px;
  position: absolute;
}
.simpleSelect {
  color: #fff;
  background-color: transparent;
  border: none;
}
.simpleOption {
  color: #000;
}
.nav::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar {
  width: 12px;
  height: 3px;
}
::-webkit-scrollbar-button {
  display: none;
  background-color: #000;
}
::-webkit-scrollbar-track {
  background-color: hsla(240, 5%, 45%, 0.3);
}
::-webkit-scrollbar-track-piece {
  background-color: #2f3136;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #6d6d79;
  border-radius: 5px;
  border-top: solid;
  border-bottom: solid;
  border-color: #36393f;
}
::-webkit-scrollbar-corner {
  background-color: #2f3136;
}
::-webkit-resizer {
  background-color: #666;
}
.moduleS {
  position: relative;
}
.pointer {
  cursor: pointer !important;
}
.no-cursor {
  cursor: default !important;
}
.sbadge-item {
  display: inline-block;
  position: relative;
  vertical-align: top !important;
  font-size: 30px;
  margin: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: 0;
  cursor: pointer;
}
.sbadge-delete {
  position: absolute;
  color: #fff;
  background-color: #f74141;
  border-radius: 50%;
  padding: 3px 7px;
  font-size: 11px;
  z-index: 1;
  cursor: pointer;
}
.sbadge {
  filter: grayscale(100%);
}
.sbadge:hover {
  filter: grayscale(0);
}
.credits-span {
  color: #d9d9d9;
  background-color: #202225;
  padding: 3px 5px;
  border-radius: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  word-break: break-all;
}
.bg-item {
  display: flex;
  overflow: hidden;
  border-radius: 10px;
}
.badges-item,
.bg-item {
  position: relative;
  margin: 5px;
  vertical-align: none !important;
}
.badges-item {
  display: inline-block;
  background-color: #202225;
  border: 1.5px solid #202225;
  border-radius: 50%;
  padding: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: 0;
}
.bg-modal {
  margin-top: 50px;
}
.bg-modal .modalDram {
  padding: 0 !important;
}
.bg-modal .checkbox-primary {
  margin: 10px;
}
.bg-price-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #2f3136;
  margin-top: 15px;
  padding: 1.3rem;
}
#myTabs_7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
.rtl #myTabs_7 {
  flex-direction: row-reverse;
}
.bg-price-modal-footer h5 {
  margin: 7px 2px 2px 15px !important;
}
.bg-price-modal-footer > div {
  margin: 5px 8px 0 0 !important;
}
.bg-item-active {
  border-radius: 11px;
  outline: 4px solid var(--purple);
}
.bg-price {
  position: absolute;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.71);
  padding: 5px;
  font-size: 12px;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  user-select: text !important;
  border-radius: 7px 0 14px 0;
}
.rtl .bg-price {
  border-radius: 0 11px 0;
}
.bg-owned {
  right: 0;
  border-radius: 7px 15px;
}
.bg-owned,
.bg-owned-rtl {
  position: absolute;
  color: #fff;
  background-color: var(--hover-purple);
  padding: 5px 15px;
  font-size: 12px;
  bottom: 0;
}
.bg-owned-rtl {
  left: 0;
  border-radius: 15px 7px;
}
.bg-item-img {
  width: 300px;
  height: 300px;
}
.bgselect {
  margin-top: 2px !important;
  height: 30px !important;
  padding: 0 !important;
}
.bglist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  grid-gap: 10px;
}
.bglist.badges {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.bg-img {
  width: 100%;
  vertical-align: middle !important;
  border-radius: 7px;
}
.skeleton-loading-div {
  border-radius: 5em 10px 10px;
  width: 30em;
  background-color: #2f3136;
  margin-bottom: 2em;
  height: 11em;
}
.skeleton-loading-div .css-1vmnjpn-skeletonStyles-Skeleton {
  margin-left: -26em;
  margin-top: -1em;
  border: 1px solid #d5cfcf12;
}
.bg-img-id {
  height: 122px !important;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.badges-img {
  width: 100%;
  vertical-align: middle !important;
}
.loading_title {
  margin: 3px auto;
  max-width: 150px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.loading_content,
.loading_title {
  min-height: 18px;
  background-color: #202225;
  opacity: 0.5;
  border-radius: 20px;
}
.loading_content {
  margin: 15px auto auto;
  max-width: 80%;
}
.guild-avatar {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 30% !important;
}
.label-vip {
  background-color: #daa520;
}
.label-new,
.label-vip {
  color: #2f3136;
  font-weight: 500;
  margin-left: 6px;
}
.label-new {
  background-color: var(--purple);
}
.rtl .label-new,
.rtl .label-vip {
  float: left !important;
  margin-left: auto !important;
  margin-right: 6px !important;
}
.button,
.button:focus {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  background-color: transparent;
  font-weight: 600;
  min-height: 32px;
  padding: 10px 30px;
  border-radius: 3px;
}
.button:hover {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.button:active {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.command,
.panel,
button,
td {
  position: relative;
}
.CommandInfo {
  display: flex;
}
.CommandInfo,
.premiumButtons {
  position: relative;
  padding: 0 15px;
  -o-box-align: center;
  align-items: center;
  -o-box-pack: center;
  justify-content: center;
  height: 35px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.premiumButtons {
  display: inline-block;
  margin: 5px;
}
.editbot-modal {
  width: 620px !important;
  padding: 25px !important;
}
.editbot-modal img {
  margin: 5px;
}
.command {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
  background-color: var(--gray-4);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 10px 16px;
  -webkit-padding-start: 25px;
  padding-inline-start: 25px;
  min-height: 85px;
  transition: opacity 175ms ease-out;
}
.CommandInfoContainer {
  margin-left: auto;
  display: flex;
  -o-box-align: center;
  align-items: center;
  -o-box-pack: center;
  justify-content: center;
}
.CommandName {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.CommandText .CommandDescription {
  margin-top: 6px;
  font-size: 13px;
  color: #acbbbe;
}
.CommandText div {
  line-height: 1;
}
.CommandText {
  display: flex;
  -o-box-orient: vertical;
  flex-direction: column;
  -o-box-pack: center;
  justify-content: center;
}
.container-fluid {
  max-width: 1135px;
}
.moduleTitle {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5em;
  align-items: center;
  margin: 20px 0.3em;
  border-bottom: 1px solid #555;
}
.flex {
  display: flex !important;
}
.flex-1 {
  flex: 1;
}
.proswitch {
  margin-left: auto;
  display: flex;
}
.split {
  width: 100%;
  padding: 0;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.command {
  font-weight: 700 !important;
  text-transform: lowercase !important;
  border-radius: 30px;
}
.commandLine {
  margin-top: 5px;
  margin-bottom: 10px;
}
.commandDiscroption {
  margin-top: 10px;
}
.commandSpan {
  display: inline-block;
  font-size: 15px;
  position: relative;
  bottom: 4px;
  left: 4px;
}
.ccName {
  font-size: 20px;
}
.commandSettings {
  font-size: 16px;
}
.pager {
  padding-left: 0;
  margin: 0;
  text-align: left;
  list-style: none;
}
.activePage {
  color: #fff !important;
  background-color: #1a1a1a !important;
  cursor: default !important;
}
.PhoneInputCountrySelect,
input[type="tel"] {
  border: 1px solid #1a1a1a;
  background-color: #1f1f25 !important;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  direction: ltr;
}
.modalDram {
  padding: 0 20px 30px;
  overflow-y: auto;
  margin: 0;
  max-height: 600px;
}
.modalDram::-webkit-scrollbar {
  width: 8px;
}
.rtl .modalDram {
  direction: rtl;
}
.modalDram::-webkit-scrollbar {
  width: 3px;
}
.modalDram::-webkit-scrollbar-thumb {
  background-color: #000;
  outline: 1px solid #708090;
}
.delete-text {
  color: var(--red);
  transition: color 0.2s ease-in-out;
}
.pricing-row {
  width: 100%;
}
.center {
  text-align: center;
}
.price-button {
  margin: 10px auto 0;
}
.pricing-row > div:first-of-type,
.pricing-row > div:nth-of-type(2) {
  border-right: 1px solid #45494c;
}
.radius {
  border-radius: 20px !important;
  padding: 10px !important;
  min-height: 120px;
}
.control-label {
  margin-bottom: 5px;
  font-weight: 500;
  text-transform: uppercase;
  color: #9292a0;
  cursor: pointer;
}
.formselect__placeholder {
  color: #fff !important;
}
.formselect__value-container > div {
  width: -moz-fit-content !important;
  width: fit-content !important;
  align-items: center;
}
textarea.form-control {
  min-height: 8em;
}
.commandModal {
  width: 500px !important;
  padding: 0 !important;
}
.AutoResponderModal {
  width: 800px !important;
}
@keyframes modal {
  0% {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.smallModal {
  width: 65vw;
  margin: auto;
  background-color: var(--gray-3);
  outline: none;
  border-radius: 8px;
  animation: modal 0.3s cubic-bezier(0, 0, 0, 1.2);
}
.smallModal.confirm-modal__content {
  max-width: 450px;
}
.z-index-max {
  z-index: 9999999;
}
.smallModal.automod-modal__content {
  max-width: 550px;
  outline: 1px solid #292930;
  box-shadow: 0 23px 66px rgba(0, 0, 0, 0.31);
  border-radius: 4px;
}
.smallModal.automod-modal__content .commandSave {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: unset;
  border-top: 1px solid #292930;
}
.smallModal.automod-modal__content .commandSave > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.smallModal.automod-modal__content .commandSave h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #70707c;
  margin: 0;
  text-align: start;
}
.smallModal.automod-modal__content .commandSave h3 span {
  color: #9292a0;
}
.smallModal.automod-modal__content .Modalhead {
  border-color: #292930;
}
.smallModal.automod-modal__content .Modalhead h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.smallModal.automod-modal__content .response-types {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.smallModal.automod-modal__content .response-types .response-types__item {
  cursor: pointer;
  padding: 16px 20px;
  background: #1b1b21;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-height: 71px;
  border: 1.2px solid transparent;
  transition: 0.2s;
}
.smallModal.automod-modal__content .response-types .response-types__item:hover {
  background: var(--gray-4);
  border: 1.2px solid var(--gray-3);
  transition: 0.2s;
}
.smallModal.automod-modal__content
  .response-types
  .response-types__item.active {
  background: #292930;
  border: 1.2px solid #434350;
  position: relative;
  transition: 0.2s;
}
.response-types__item-check {
  position: absolute;
  top: -5px;
  right: -7px;
  display: flex;
  background: var(--purple);
  border-radius: 50%;
}
.rtl .response-types__item-check {
  left: -7px;
  right: unset;
}
.smallModal.automod-modal__content
  .response-types
  .response-types__item
  .response-types__item-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.response-types__item
  .response-types__item-content
  .response-types__item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}
.response-types__item
  .response-types__item-content
  .response-types__item-description {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #70707c;
}
.smallModal .Modalhead:has(button) {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.smallModal .Modalhead:has(button) button {
  background-color: unset;
  border: 0;
  font-size: 1.2rem;
  outline: 2px solid transparent;
  outline-offset: 0;
  border-radius: 2px;
  transition: all 0.1s;
}
.smallModal .Modalhead:has(button) button:hover {
  outline: 2px solid var(--gray-2);
  outline-offset: 8px;
  transition: all 0.1s;
}
.autoResponderModel {
  width: 80vw !important;
  height: 90vh !important;
}
.autoResponderModel .custom-modal__body {
  max-height: 77vh !important;
}
.embed-modal-footer {
  padding: 15px;
}
.confirmDelete,
.embed-modal-footer {
  background-color: #1f1f25;
  text-align: end;
  border-radius: 0 0 5px 5px;
}
.confirmDelete {
  display: flex;
  justify-content: flex-end;
  padding: 0 13px 15px 10px;
}
.rtl .confirmDelete {
  flex-direction: row-reverse;
}
.checkoutModal {
  width: 630px !important;
}
.has-error .form-control:focus,
.has-error .form-control:hover,
.has-error .form-control:hover:focus,
.has-error .formselect__control--is-focused {
  border: 1px solid red !important;
}
.styles_modal__gNwvD {
  width: 460px;
}
@media (max-width: 800px) {
  .styles_modal__gNwvD {
    width: 100%;
  }
}
.Modalhead {
  border-bottom: 1px solid #555;
  margin-bottom: 20px;
  padding: 1.3rem;
  position: relative;
}
.Modalhead > h5 {
  -webkit-margin-end: 1.4rem;
  margin-inline-end: 1.4rem;
  margin: 0;
  text-transform: uppercase !important;
}
.modal-footer {
  border-color: #555;
  margin-top: 20px;
}
.styles_closeIcon__1QwbI {
  fill: #fff;
  transition: all 0.2s;
}
.styles_closeIcon__1QwbI:hover {
  fill: #f04747;
  border-radius: 8px;
  padding: 3px;
  background-color: #2f3136;
  border: 1px solid #f04747;
}
.styles_modal__gNwvD {
  background: #36393f;
  border-radius: 6px;
}
.styles_modal__gNwvD .center button {
  margin: 5px;
}
.styles_modal__gNwvD .center {
  padding-bottom: 15px;
  text-align: -webkit-center;
}
.styles_overlay__autoResponder {
  background: rgba(0, 0, 0, 0.24);
}
.pricing-row > div {
  text-align: -webkit-center;
  display: flex;
  flex-direction: column;
}
.navbar-fixed-top {
  z-index: 999 !important;
}
.panel-body {
  position: relative;
}
.txt-center {
  text-align: center;
}
.hidden {
  display: none;
}
.TabIcon {
  color: #fff;
}
.well-sm {
  min-height: 70px;
}
.inlineChannel {
  width: 200px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: static !important;
}
.rtl .formselect__option {
  direction: ltr;
  text-align: right;
}
.formselect__control {
  border: 1px solid var(--gray-1) !important;
  background-color: #25252c !important;
  box-shadow: none !important;
  color: #fff !important;
  min-height: 42px !important;
  border-radius: 8px !important;
  padding: 8px, 6px, 8px, 6px;
  transition: border 0.2s;
}
.formselect__option--is-disabled {
  color: #a9a9a9 !important;
}
.formselect__option--is-disabled:hover {
  cursor: not-allowed !important;
}
.form-control:focus,
.form-control:hover,
.form-control:hover:focus,
.formselect__control--is-focused {
  border: 1px solid var(--gray-1) !important;
}
.formselect--is-disabled,
.formselect__control--is-disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  -ms-filter: "alpha(opacity=50)" !important;
  filter: alpha(opacity=50) !important;
}
.formselect__control:hover {
  cursor: pointer;
  border: 1px solid var(--purple) !important;
  transition: border 0.2s;
}
.formselect__menu {
  z-index: 900000 !important;
  background-color: transparent !important;
}
.formselect__menu-outer {
  z-index: 900000 !important;
  position: fixed;
}
.formselect.is-open {
  z-index: 10000 !important;
}
.formselect__indicator-separator {
  display: none;
}
.absolute {
  position: absolute !important;
}
.formselect__single-value {
  color: #fff !important;
  unicode-bidi: plaintext;
}
.formselect__menu-list {
  z-index: 5000 !important;
  color: #fff;
  padding: 8px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background-color: var(--gray-4);
  border: 1px solid var(--gray-1);
  border-radius: 8px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.formselect__menu .formselect__option {
  color: #fff;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px;
}
.formselect__menu .formselect__option:hover {
  color: #fff;
  background-color: var(--gray-3);
  border: 0;
  border-radius: 5px;
}
.formselect__menu .formselect__option:active {
  background-color: var(--gray-3);
}
.formselect__multi-value {
  background-color: #33333f !important;
  color: #fff !important;
  border-color: #c0c1c2;
}
.formselect__multi-value__label {
  color: #c0c1c2 !important;
}
.formselect__input {
  color: #fff !important;
}
.sidebar_main {
  z-index: 5 !important;
  top: 66px !important;
  position: fixed !important;
}
.sidebar_content {
  overflow-y: hidden !important;
}
div[role="navigation"] {
  top: 66px !important;
}
.DisabledCheck {
  margin-right: 50px;
}
.DisabledCheck,
.EnabledCheck {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 15px;
  color: #fff;
}
.EnabledCheck {
  margin-left: 50px;
}
.flag {
  max-width: 30px;
  height: 20px;
  border-radius: 4px;
  margin: -3px 10px 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  cursor: pointer;
}
.inside-flag {
  width: 25px;
  height: auto;
  border-radius: 4px;
  margin-right: 5px;
  float: left;
  margin-top: 8px;
}
.navbar-nav {
  margin: 0 !important;
}
.rtl .navbar-right {
  float: left !important;
  margin-left: 15px !important;
}
.rtl .navbar-right > li {
  float: right;
}
.rtl .navbar-left {
  float: right !important;
}
.dramexNav {
  position: relative;
  font-size: 15px;
  line-height: 35px;
}
.dramexNav,
.dramexNav a {
  color: #878787;
}
.navbar.navbar-inverse.navbar-fixed-top div.dramexNav {
  right: 1px;
  position: absolute;
  top: 0;
  margin-left: 0 !important;
  margin-right: 20px !important;
}
.rtl > .navbar.navbar-inverse.navbar-fixed-top div.dramexNav {
  right: auto;
  left: 1px;
  position: absolute;
  top: 0;
  margin-right: 0 !important;
  margin-left: 20px !important;
}
.dropdown__content {
  z-index: 10;
  right: 0;
  background-color: #18191c;
  padding: 5px;
  border: 2px solid #2f3237;
  border-radius: 5px;
  min-width: 235px;
}
@media screen and (max-width: 800px) {
  .dropdown__content {
    position: relative;
  }
  .dropdown__content_rtl {
    position: relative;
    right: 45% !important;
    top: -8rem !important;
  }
}
.dropdown__content li:hover {
  color: #fff;
  background-color: #000;
  border: 0;
  border-radius: 5px;
  transition: all 0.2s;
}
.rtl .confo {
  right: 350px;
  left: 0;
}
.confo {
  z-index: 500;
  width: 80%;
  border-radius: 10px;
  max-width: 740px;
  margin: 0 auto;
  right: 0;
  left: 350px;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 10px;
  -o-box-orient: horizontal;
  flex-direction: row;
  -o-box-align: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  transition: bottom 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: background 0.2s;
}
.animate__shakeX .confo {
  background-color: var(--red);
}
@media (max-width: 1400px) {
  .confo {
    left: 0 !important;
    right: 0 !important;
  }
}
.click,
a {
  cursor: pointer;
}
.wrapper.theme-6-active
  .navbar.navbar-inverse.navbar-fixed-top
  .mobile-only-brand {
  text-align: center;
}
.navbar.navbar-inverse.navbar-fixed-top .nav-header {
  width: 100%;
  text-align: center;
}
.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap {
  width: 100%;
}
.UserAvatar--dark {
  color: #fff;
}
.form-control:focus,
.form-control:hover {
  border: 1px solid var(--purple) !important;
}
.form-control:-webkit-autofill {
  box-shadow: inset 0 0 0 30px #292930 !important;
  -webkit-text-fill-color: #fff !important;
}
.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  border: 1px solid transparent;
}
.form-control {
  border: 1px solid var(--gray-1);
  background-color: transparent !important;
  border-radius: 8px;
  box-shadow: none;
  color: #fff !important;
  height: 42px;
}
.rtl .form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}
select.form-control option,
select.form-select option {
  color: var(--white);
  background-color: var(--gray-4);
}
.text-black {
  color: #000;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.btn {
  font-size: 14px;
  box-shadow: none !important;
  border-radius: 12px;
  text-transform: capitalize !important;
}
.btn-primary {
  background-color: var(--gray-1);
  border: 2px solid var(--gray-1) !important;
}
.btn-primary:hover {
  background-color: var(--hover-gray-1);
  border: 2px solid var(--hover-gray-1) !important;
}
.btn-primary:focus {
  background-color: var(--gray-1);
  border: 2px solid var(--gray-1) !important;
}
.btn-primary.active,
.btn-secondary {
  background-color: var(--purple) !important;
  transition: background 0.2s;
  border: 2px solid var(--purple) !important;
}
.btn-secondary:hover {
  opacity: 0.8;
  transition: opacity 0.2s;
}
.btn-danger {
  border-radius: 12px;
  border: 2px solid var(--red) !important;
  background-color: transparent;
  color: var(--red);
}
.btn-danger:focus,
.btn-danger:hover {
  background-color: var(--red);
  border-color: var(--red);
}
.btn-danger:hover {
  color: #fff;
}
.btn-danger:focus i,
.btn-danger:hover i {
  color: #fff !important;
}
.btn-green {
  background-color: var(--light-green);
  border: 2px solid var(--light-green) !important;
}
.btn-green:hover {
  background-color: var(--light-green-hover);
  border: 2px solid var(--green-hover) !important;
}
.btn-green:focus {
  background-color: var(--green);
  border: 2px solid var(--green) !important;
}
.btn-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 426px) {
  #__next
    > div
    > div
    > section
    > div
    > div
    > div.d-flex.justify-content-between.mb-10 {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .embed-container .gap-3 {
    gap: 0.5rem !important;
  }
  .embed-container .btn-danger {
    padding: 7px;
  }
  .embed-container .btn-danger .fa-minus-circle {
    font-size: 0.8rem !important;
  }
  .embed-container .embed-fileinput {
    gap: 0.5rem;
  }
  .embed-container .embed-fileinput .fileupload {
    padding: 0 15px;
  }
  .embed-container .embed-fileinput .fileupload .btn-text {
    display: none;
  }
}
.form-check-input {
  box-shadow: none !important;
}
.form-check-input:checked {
  background-color: var(--purple);
  border-color: var(--purple);
}
.black-container {
  border-radius: 24px;
  padding-top: 20px !important;
  margin-top: 0.5rem;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  background-color: var(--command-bg);
  transition: all 0.2 ease-in !important;
}
.premium__container {
  padding-top: 0 !important;
  border-radius: 8px !important;
  padding-inline: 0.775rem;
}
.custom-pagination {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.custom-pagination li {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid var(--gray-1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.custom-pagination li.active,
.custom-pagination li:hover {
  background-color: var(--purple);
  transition: background 0.2s;
}
input,
textarea {
  unicode-bidi: plaintext;
}
.text_b_s {
  position: relative;
  bottom: 5px;
}
.rtl .panel-heading .pull-left {
  float: right !important;
}
.rtl .panel-heading .pull-right {
  float: left !important;
}
.rtl h6 {
  text-align: right !important;
}
.rtl .dramexColorPicker,
.rtl .vertical-pills .ver-nav-pills {
  float: right;
}
.rtl .help-block {
  direction: rtl;
}
@media (min-width: 768px) {
  .rtl .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
  }
}
.rtl > .navbar > .pull-left {
  float: right !important;
}
.rtl > .navbar > .pull-right {
  float: left !important;
}
.rtl .fixed-sidebar-left {
  right: 0;
  left: auto;
}
.rtl .fixed-sidebar-left .dramex1 {
  float: right;
}
.rtl .side-nav > li > a > .pull-left,
.rtl > .page-wrapper > div > div > .col-md-6 {
  float: right !important;
}
.rtl .side-nav > li > a > .pull-right {
  float: left !important;
}
.rtl .side-nav > li > a > .pull-left > .mr-20 {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 20px !important;
}
.rtl .fixed-sidebar-left .side-nav > li > div > div > ul > li a {
  padding: 7px 51px 7px 15px;
  text-align: right;
}
.rtl .fixed-sidebar-left .side-nav li.navigation-header > span {
  text-align: right;
  direction: rtl;
}
@media (max-width: 1024px) {
  .rtl > .page-wrapper {
    margin-right: auto;
    margin-left: auto;
  }
  .slide-nav-toggle.rtl > .page-wrapper {
    left: 0;
    right: 350px;
    margin-right: 0;
    margin-left: auto;
  }
  .rtl > .fixed-sidebar-left {
    margin-right: -350px;
    width: 350px;
  }
  .slide-nav-toggle.rtl > .fixed-sidebar-left {
    margin-right: 0;
  }
  .rtl > .navbar.navbar-inverse.navbar-fixed-top a.toggle-left-nav-btn {
    right: 1px;
    left: auto;
  }
  .rtl > .navbar.navbar-inverse.navbar-fixed-top a.ml-20 {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }
  .header-image {
    left: 0 !important;
  }
  .header-image,
  .rtl .header-image {
    transition: all 0.5s cubic-bezier(0.52, -0.12, 0.21, 1.1);
  }
  .rtl .header-image {
    left: 0;
    right: 345px;
  }
}
@media (max-width: 1400px) {
  .rtl.slide-nav-toggle .page-wrapper {
    left: auto;
    right: 350px;
  }
}
.black {
  color: #000 !important;
}
.success-circle {
  color: var(--light-green);
}
.rtl .confo .col-md-6 {
  float: right;
}
.btn-outline-selected,
.btn-outline:hover {
  color: #fff !important;
  background: linear-gradient(45deg, #ec41a4, #ff8ecf) !important;
}
.premium-avatar {
  width: 60px;
  height: 60px;
}
.premium-panel > .media:nth-of-type(odd) {
  background-color: rgba(32, 34, 37, 0.3);
}
.premium-panel > .media {
  padding: 15px;
}
.CommandInfo > button {
  white-space: nowrap;
}
.editAvatar {
  border-radius: 50%;
  width: 150px;
  height: 150px;
}
.autoRenewText {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
}
.btn-paymentmethod {
  width: 95% !important;
  height: 80px !important;
  display: block;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 12px 0;
  align-content: center;
}
.btn-paymentmethod img {
  width: 60px;
  margin: 5px;
}
.click-to-recharge {
  margin-top: 8px;
  font-size: 13px;
  transform: translate(-50%, -50%);
}
@import url("https://fonts.googleapis.com/css?family=Russo+One&display=swap");
.leader-box {
  position: relative;
  min-height: 66px;
  padding: 10px;
  margin: 10px 0;
  background: linear-gradient(
    75deg,
    #202225 80%,
    #000 80.1%,
    #000 80.3%,
    #404040 80.4%
  );
  border: 2px solid #000;
  border-radius: 3px;
  color: #fff;
  font-size: 22px;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000,
    -1px -1px 1px #000;
}
.leader-box p {
  font-size: 25px;
  line-height: 44px;
}
.lbox-number,
.leader-box p {
  text-align: center;
  vertical-align: middle;
}
.lbox-number {
  background-color: #404040;
  color: #fff;
  height: 42px;
  width: 42px;
  float: left;
  line-height: 42px;
}
.lbox-number p {
  font-size: 20pt;
}
.leader-box p {
  padding: 0 15px;
}
.lbox-picon {
  height: 42px;
  width: 42px;
  margin-left: 10px;
  float: left;
}
.lbox-pname {
  max-height: 60px;
  float: left;
}
.lbox-picon img {
  width: 42px;
  height: 42px;
}
.topGrid1 {
  width: 80%;
  float: left;
}
.topGrid2 {
  width: 20%;
  float: left;
}
.lbox-trophies img {
  width: 26px;
  height: 26px;
  margin-top: 6px;
  display: inline;
  float: right;
}
.lbox-trophies p {
  display: block;
  float: right;
  text-align: right;
}
@media only screen and (max-width: 600px) {
  .lbox-trophies p {
    position: absolute;
  }
  .topGrid1 {
    width: 60%;
    float: left;
  }
  .topGrid2 {
    width: 40%;
    float: left;
  }
  .leader-box {
    background: linear-gradient(
      75deg,
      #202225 60%,
      #000 60.1%,
      #000 60.3%,
      #404040 60.4%
    );
  }
  .lbox-pname p {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 15vh;
    text-align: left;
    clear: both;
  }
  .lbox-picon {
    margin-left: 0;
  }
  .mobilebadge {
    display: block !important;
    position: absolute;
    left: -10px;
    top: -10px;
  }
  .lbox-number {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .mobilebadge {
    display: none !important;
  }
}
.sidebarServername {
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000,
    -1px -1px 1px #000;
  font-weight: 500;
}
input.error {
  border-color: red !important;
}
.formselect__multi-value__label {
  unicode-bidi: plaintext;
  order: 2;
  padding: 3px !important;
}
p.negative {
  color: #e74c3c !important;
}
p.plus {
  color: var(--green) !important;
}
.logs-table > .table-bordered > tbody > tr > td,
.logs-table > .table-bordered > thead > tr > th {
  border: 1px solid #000;
}
.logs-table .table-bordered > thead:first-child > tr:first-child > th {
  border-top: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}
.dropdown__content > ul > li > a {
  line-height: 36px !important;
}
p.langp {
  margin-top: 2px;
}
a.langp,
p.langp {
  display: inline-block;
}
a.langp {
  margin-top: 7px;
}
.notfound {
  margin-top: 15vh;
}
.divCompose {
  margin-right: 5px;
}
.composebutton {
  background-color: #db3a0d;
  height: 40px;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 28px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  border-radius: 3px;
  border: 1px solid #db3a0d;
}
.composebutton:hover {
  box-shadow: 0 0 4px #b1b1b1;
}
.composebutton:active,
.composebutton:hover {
  background: linear-gradient(0deg, #cc360c, #db3a0d);
  border: 1px solid #b3320e;
}
.composebutton:active {
  box-shadow: inset 0 0 4px #b1b1b1;
}
.dembed .input-group-addon {
  background-color: #202225;
  border-color: #000 !important;
}
.input-group .form-control {
  z-index: 1 !important;
}
.form-control:disabled {
  opacity: 0.5 !important;
}
.badgebox {
  opacity: 0;
}
.badgebox + .badge {
  text-indent: -999999px;
  width: 27px;
}
.badgebox:focus + .badge {
  box-shadow: inset 0 0 5px;
}
.badgebox:checked + .badge {
  text-indent: 0;
}
.logoutModal h3 {
  font-size: 20px;
  margin-top: 45px;
}
.rtl .logoutModal {
  direction: rtl;
}
.rtl .logoutModal .checkbox label:after,
.rtl .logoutModal .checkbox label:before {
  right: 0 !important;
  cursor: pointer;
}
.rtl .logoutModal .checkbox label {
  padding-right: 30px;
}
.rtl .logoutModal .checkbox label:after {
  padding-right: 2px;
  padding-left: 0;
}
.bgCheck .checkbox label:before {
  margin-left: -22px;
}
.checkbox label:after {
  padding-left: 0;
}
.selectToEmbed {
  padding: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
}
button.button4 {
  display: inline-block;
  padding: 0.3em 1.2em;
  border: 0.16em solid hsla(0, 0%, 100%, 0);
  border-radius: 2em;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: 300;
  color: #fff;
  background-color: var(--purple);
  text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, 0.35);
  text-align: center;
  transition: all 0.2s;
  margin: 0 0.1em 0.1em 5px;
}
button.button4:hover {
  border-color: #fff;
}
@media (max-width: 30em) {
  button.button4 {
    display: block;
    margin: 0.2em auto;
  }
}
.deleteButton {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: hsla(0, 0%, 4%, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 30px;
  width: 30px;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  outline: 0;
  position: relative;
  vertical-align: top;
}
.deleteButton:before {
  height: 2px;
  width: 50%;
}
.deleteButton:after,
.deleteButton:before {
  background-color: red;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.deleteButton:after {
  height: 50%;
  width: 2px;
}
button.button6 {
  display: inline-block;
  padding: 0.7em 1.4em;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.15em;
  box-sizing: border-box;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background-color: #3369ff;
  box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
  text-align: center;
  position: relative;
}
button.button6:active {
  top: 0.1em;
}
@media (max-width: 30em) {
  button.button6 {
    display: block;
    margin: 0.4em auto;
  }
}
.halfwidth {
  width: 50% !important;
}
.commandSave {
  background-color: #2f3136;
  padding: 1rem;
  text-align: right;
  gap: 9px;
  display: flex;
  justify-content: flex-end;
}
.rtl .commandSave {
  text-align: left;
}
.bg-discord-dark {
  direction: ltr !important;
}
.gosellModal {
  height: 80%;
}
#notfound {
  position: relative;
  height: 50vh;
}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}
.notfound .notfound-404 {
  position: relative;
  height: 200px;
  margin: 0 auto 20px;
  z-index: -1;
}
.notfound .notfound-404 h1 {
  font-size: 236px;
  font-weight: 200;
  margin: 0;
  color: #211b19;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.notfound .notfound-404 h2 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  background: #36393f;
  padding: 10px 5px;
  margin: auto;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.notfound a {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 23px;
  background: var(--purple);
  font-size: 18px;
  transition: all 0.2s;
}
.notfound a:hover {
  color: var(--purple);
  background: #211b19;
}
@media only screen and (max-width: 767px) {
  .notfound .notfound-404 h1 {
    font-size: 148px;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 148px;
    margin: 0 auto 10px;
  }
  .notfound .notfound-404 h1 {
    font-size: 86px;
  }
  .notfound .notfound-404 h2 {
    font-size: 16px;
  }
  .notfound a {
    padding: 7px 15px;
    font-size: 14px;
  }
}
#payment-form {
  max-width: 100%;
  margin: 0 auto;
}
.label-checkout {
  display: block;
  height: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  margin: 8px 0;
}
.date-and-code {
  display: flex;
  margin-bottom: 8px;
}
.date-and-code > div:first-child {
  width: 55.715%;
}
.date-and-code > div:nth-child(2) {
  width: 45.719%;
}
.input-container {
  height: 40px;
  border-radius: 4px;
  border-width: 2px;
}
.input-container,
.input__checkout {
  position: relative;
  display: flex;
  background-color: #1f1f25;
}
.input__checkout {
  height: 43px;
  transition: all 0.2s ease-out;
  border-radius: 2px;
  border: none;
}
.card__show {
  width: 47px;
  -webkit-border-end: 1px solid #292930;
  border-inline-end: 1px solid #292930;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0.5rem;
}
.invalid__card {
  background-color: #393943;
  height: 16px;
  width: 26px;
  border-radius: 2px;
}
.checout__inputs,
.input-container.card-number {
  background-color: #1f1f25;
}
.checout__inputs {
  border-radius: 4px;
}
.input-container.expiry-date {
  background-color: #1f1f25;
}
.icon-checkout.payment-method,
.icon-checkout:last-child {
  right: 0;
}
.input-container.card-number {
  margin-bottom: 8px;
}
.input-container.expiry-date {
  margin-right: 4px;
}
.input-container.cvv {
  margin-left: 4px;
}
.card-number-frame,
.cvv-frame,
.expiry-date-frame {
  -webkit-padding-start: 0.7rem;
  padding-inline-start: 0.7rem;
}
.icon-checkout {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 26px;
  margin: auto 5px;
  height: 26px;
}
.icon-checkout.payment-method {
  transform: translateY(-50%) rotateY(90deg);
  transition: opacity 0.15s ease-out;
  opacity: 0;
  top: 50%;
}
.icon-checkout.payment-method.show {
  opacity: 1;
  transition: all 0.4s ease-out;
  transform: translateY(-50%) rotateY(0deg);
}
.rtl .icon-checkout.payment-method.show {
  left: 0;
  right: unset;
}
.icon-checkout.payment-method img {
  width: 100%;
}
[id$="-error"] {
  display: none;
}
.frame--activated {
  opacity: 1;
  border: 2px solid transparent;
  border-radius: 3px;
  transition: all 0.1s ease-out;
}
.frame--activated.frame--focus,
.frame--activated:hover {
  border: 2px solid var(--gray-1);
  transition: all 0.1s ease-in;
}
.frame--activated.frame--invalid {
  border: 2px solid #ed4c5c;
}
.error-message {
  display: block;
  color: #ef6b79;
  font-size: 14px;
  margin: 4px 0 0 1px;
  font-weight: 400;
}
.frame {
  opacity: 0;
  border-radius: 4px;
}
.frame:hover {
  border: 2px solid var(--gray-2);
  transition: all 0.2s ease-in;
}
.pay-button {
  margin-top: 8px !important;
  border: none;
  border-radius: 2px;
  color: #fff;
  font-weight: 500;
  height: 40px;
  width: 100%;
  transition: all 0.2s ease-out;
}
.pay-button,
.pay-button:active {
  background-color: #5865f2;
}
.pay-button:hover {
  background-color: #5865f2 !important;
  transition: all 0.2s ease-in;
}
.pay-button:disabled {
  background-color: #697887;
  box-shadow: none;
}
.pay-button:not(:disabled) {
  cursor: pointer;
}
.success-payment-message {
  color: #fff;
  line-height: 1.4;
}
.token {
  color: #b35e14;
  font-size: 0.9rem;
}
:root .icon-checkout,
_:-ms-fullscreen {
  display: block;
}
:root .icon-checkout img,
_:-ms-fullscreen {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
#icon-card-number,
#icon-cvv,
#icon-expiry-date,
_:-ms-fullscreen {
  left: 7px;
}
#checkout-frames-card-number::-ms-clear {
  display: none;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
.input-container {
  background-color: #fff !important;
}
.footer3ds {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  bottom: 0;
  right: 0;
  left: 0;
  height: 110px;
  color: #8e8e8e;
  letter-spacing: -0.2px;
  font-size: 11px;
  text-align: center;
}
.footer3ds p {
  margin: 0;
  font-size: 10px;
}
.footer3ds.hide-card-scheme-logos .three-ds {
  display: none;
}
.footer3ds .three-ds {
  height: 60px;
  padding: 0;
  margin: 0;
  text-align: center;
}
.footer3ds .three-ds li.icon-box {
  display: inline-block;
  width: 62px;
  height: 100%;
  padding: 0;
  margin: 0 13px;
  vertical-align: middle;
}
.footer3ds .three-ds li.icon-box > .icon-content {
  display: block;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all 0.3s ease-in-out;
}
.footer3ds .three-ds li.icon-box.visa > .icon-content {
  background-image: url(/static/checkout/visa-color.png);
}
.footer3ds .three-ds li.icon-box.mastercard > .icon-content {
  background-image: url(/static/checkout/mastercard-color.png);
}
.footer3ds .three-ds li.icon-box.safekey > .icon-content {
  background-image: url(/static/checkout/safekey-color.png);
}
.footer3ds .three-ds li.icon-box.diners {
  width: 38px;
}
.footer3ds .three-ds li.icon-box.diners > .icon-content {
  background-image: url(/static/checkout/diners.png);
}
.footer3ds .three-ds li.icon-box.securedby {
  width: 100px;
}
.footer3ds .three-ds li.icon-box.mastercard > .icon-content,
.footer3ds .three-ds li.icon-box.safekey > .icon-content,
.footer3ds .three-ds li.icon-box.visa > .icon-content {
  filter: grayscale(100%) contrast(0) brightness(110%);
}
.footer3ds .three-ds li.icon-box.mastercard:hover > .icon-content,
.footer3ds .three-ds li.icon-box.safekey:hover > .icon-content,
.footer3ds .three-ds li.icon-box.visa:hover > .icon-content {
  filter: grayscale(0) contrast(100%) brightness(100%);
}
.footer3ds .three-ds li.icon-box.diners:hover > .icon-content {
  background-image: url(/static/checkout/diners-color.png);
}
.footer3ds .secure {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: default;
  right: 20px;
  width: 155px;
  text-align: left;
  color: #8e8e8e;
}
.footer3ds .secure .ckojs-lock {
  font-size: 20px;
  margin-right: 5px;
  vertical-align: baseline;
  transition: all 0.3s ease-in-out;
}
.footer3ds .secure .secure-connection-label {
  vertical-align: bottom;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.footer3ds .secure:hover .ckojs-lock,
.footer3ds .secure:hover .secure-connection-label {
  color: #00b660;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  to {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.gfield {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  outline: none;
  -webkit-padding-start: 0.7rem;
  padding-inline-start: 0.7rem;
  font-size: 14px;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 500 !important;
  font-family: Arial !important;
  border: 2px solid transparent;
  border-radius: 2px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.gfield:hover {
  border: 2px solid var(--gray-1);
  transition: all 0.2s ease-in;
}
.gfield::-moz-placeholder {
  color: #70707c;
  font-size: 14px;
}
.gfield::placeholder {
  color: #70707c;
  font-size: 14px;
}
.gfield::-moz-placeholder:after {
  content: "";
  display: block;
  background-color: red;
  width: 40px;
  height: 20px;
}
.gfield::placeholder:after {
  content: "";
  display: block;
  background-color: red;
  width: 40px;
  height: 20px;
}
.required_tag {
  color: #ed4c5c;
  position: absolute;
  inset-inline-end: 0;
  margin-top: 0.7rem;
  margin-right: 1rem;
}
.rtl .icon-checkout:last-child {
  right: unset;
  left: 0;
}
.checkoutSvg {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  to {
    stroke-dashoffset: 900;
  }
}
.rtl .media-left {
  padding-left: 10px;
  padding-right: 0;
}
.custom-resposive-table {
  overflow-x: auto;
  border-radius: clamp(7px, 2vw, 20px);
}
.custom-resposive-table table {
  width: 100%;
}
.custom-resposive-table table thead tr {
  height: 60px;
}
.custom-resposive-table table tbody tr td:first-child,
.custom-resposive-table table thead tr th:first-child {
  -webkit-padding-start: 2rem;
  padding-inline-start: 2rem;
}
.custom-resposive-table table tbody tr {
  height: 90px;
}
.green-check {
  color: #76c880;
}
.red-check {
  color: #ca3a3a;
}
.width-70 {
  width: 70px;
}
.fontSize-15 {
  font-size: 15px !important;
}
.width-25 {
  width: 25%;
}
.levelExplain {
  color: var(--text-color);
  font-size: 0.8rem;
  margin-top: 5px;
}
.levelExplain,
.levelExplain p {
  margin-bottom: 0;
}
.centerInput {
  margin: auto;
  display: block;
}
.width-172 {
  width: 172px;
}
#bla0 {
  position: relative;
}
.borderRadiusBg {
  border-radius: 10px;
}
.btn-gray {
  background-color: #2f3136;
}
.btn-gray:hover {
  filter: drop-shadow(0 0 0.35rem #36393f);
  color: #fff;
}
.btn-gray:focus {
  color: #fff;
  filter: drop-shadow(0 0 0.25rem #36393f);
}
.btn-blue-RR {
  background-color: #5865f2;
}
.btn-blue-RR:hover {
  filter: drop-shadow(0 0 0.45rem #032b92);
  color: #fff;
}
.btn-blue-RR:focus {
  filter: drop-shadow(0 0 0.25rem #032b92);
  color: #fff;
}
.txt-LightBlack {
  color: #a4a5a6;
}
.mw-1010 {
  resize: none;
}
.close-button {
  position: absolute;
  right: 30px;
}
.make-cursor-pointer {
  cursor: pointer;
  font-size: 20px;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.make-cursor-pointer:hover {
  filter: drop-shadow(0 0 0.55rem #777874);
}
.input-group-addon {
  height: 10px !important;
}
.input-felid {
  margin-top: 0 !important;
  margin-bottom: -0.1px !important;
}
.fa-trash::hover {
  filter: drop-shadow(0 0 0.55rem red);
}
button.log-me-out,
button.no-logout {
  font-weight: 400 !important;
  text-transform: none;
}
.tt-none {
  text-transform: none;
}
div.reset-button-tooltip {
  position: relative;
  z-index: 1;
}
div.reset-button-tooltip:after,
div.reset-button-tooltip:before {
  --reset-btn-tooltip-scale: 0;
  position: absolute;
  top: -0.25rem;
  left: 50%;
  transform: translateX(-50%) translateY(60%)
    scale(var(--reset-btn-tooltip-scale));
  transition: transform 0.15s;
}
div.reset-button-tooltip:before {
  content: attr(reset-tooltip);
  color: #fff;
  padding: 0.5rem;
  border-radius: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  text-align: center;
  background: darkred;
}
div.reset-button-tooltip:hover:after,
div.reset-button-tooltip:hover:before {
  --reset-btn-tooltip-scale: 1;
}
div.reset-button-tooltip:after {
  transform: translateX(-50%) translateY(120%)
    scale(var(--reset-btn-tooltip-scale));
  content: "";
  border: 10px solid transparent;
  border-bottom-color: darkred;
  transform-origin: bottom center;
}
#ModActions-parent {
  position: relative;
}
#ModActions-parent .nav-card {
  background-color: var(--gray-4);
  padding: 11px 18px 12px 16px;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
#ModActions-parent .nav-group-btns {
  display: flex;
  justify-content: inherit;
  width: 100%;
  justify-content: flex-start;
}
#ModActions-parent .nav-btns {
  background-color: var(--gray-2);
  border-radius: 5px;
  border: none;
  font-weight: 500;
  padding: 9px 39px !important;
  transition: background-color 0.1s;
  display: flex;
  margin: 0 5px;
  align-self: center;
}
#ModActions-parent .nav-btns:hover {
  background-color: var(--hover-purple);
}
#ModActions-parent .nav-btns-active {
  background-color: var(--purple) !important;
}
#ModActions-parent .navbar-search-icon {
  background-color: #393d43 !important;
  border: none !important;
  pointer-events: none;
}
#ModActions-parent .nav-btns-loading {
  border-bottom: 2px solid #45494f;
  border-top: 2px solid #45494f;
  border-radius: 50%;
  border-color: #fff #45494f;
  border-style: solid;
  border-width: 2px;
  width: 15px;
  height: 15px;
  animation: ModActionSpin 0.9s cubic-bezier(1, -0.02, 0.21, 0.86) infinite;
}
@keyframes ModActionSpin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
#ModActions-parent .search {
  margin-top: 0;
  max-width: 300px;
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 5px;
  max-height: 40px;
  align-self: center;
}
#ModActions-parent .search i {
  font-size: 15px;
  vertical-align: super;
}
#ModActions-parent .search i:first-child {
  pointer-events: none;
  padding: 4px 4px 0;
}
#ModActions-parent .search #actions-dropdown-x {
  padding: 4px;
}
#ModActions-parent .search input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 15px;
  background-color: var(--gray-2);
  vertical-align: super;
  width: 100%;
  color: #fff;
}
#ModActions-parent .search input::-moz-placeholder {
  color: #a7a7a7;
}
#ModActions-parent .search input::placeholder {
  color: #a7a7a7;
}
.rtl .search input {
  padding-left: 0 !important;
  margin-top: -3px;
}
#ModActions-parent .table-avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-top: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default !important;
}
#ModActions-parent .txt-tableColor {
  color: #abafb7;
}
.table_modactions {
  overflow: auto !important;
}
#ModActions-parent .all-table {
  border-collapse: separate;
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px !important;
  overflow: hidden;
}
#ModActions-parent .all-table td {
  text-align: end;
  vertical-align: middle;
  background-color: #1f1f250f;
  padding: 18px 25px 18px 0;
  height: 100%;
  max-width: 270px;
}
#ModActions-parent .all-table td.avatar-name {
  height: 120px;
  align-items: center;
  max-width: 100%;
}
#ModActions-parent #footer-td,
#ModActions-parent .rtl #footer-td {
  padding: 0 !important;
}
#ModActions-parent table tr th:first-child {
  text-align: left;
  padding-left: 100px;
}
#ModActions-parent .all-table th {
  border-bottom: 1px solid #36393f;
  text-align: end;
  padding: 18px 30px 18px 0;
}
#ModActions-parent .all-table.mod-actions th {
  text-transform: uppercase;
}
#ModActions-parent .avatar-name {
  padding-left: 35px !important;
  width: 100%;
  margin-right: 80px;
}
#ModActions-parent .avatar-name p {
  width: 100%;
  text-align: left;
}
#ModActions-parent .avatar-name p:first-child {
  margin: 0;
}
#ModActions-parent .row-footer {
  background-color: var(--gray-4);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  content-visibility: auto;
  transition: all 0.5s;
}
.row-footer-active {
  visibility: visible !important;
  padding: 15px 0 !important;
  max-height: 500px !important;
}
#ModActions-parent .footer-btns {
  width: 0;
  margin-left: -190px;
  padding-left: 0;
  width: 40%;
}
#ModActions-parent .footer-btns-edit {
  margin: 0 9% 0 10%;
  padding: 8px 29px !important;
}
#ModActions-parent .footer-btns-edit,
#ModActions-parent .footer-btns-undo {
  background-color: #33363c;
  border-radius: 5px;
  border: none;
  font-weight: 500;
  color: #fff;
  align-self: center;
}
#ModActions-parent .footer-btns-undo {
  padding: 8px 19px !important;
}
#ModActions-parent .footer-reason {
  max-width: 400px;
  padding-left: 30px;
  word-break: break-all;
}
.rtl .footer-reason p {
  text-align: right !important;
}
#ModActions-parent .footer-reason p {
  text-align: left;
}
#ModActions-parent .faq-answer {
  max-width: 370px;
}
#ModActions-parent .btns-footer {
  vertical-align: middle;
}
#ModActions-parent .display-none {
  display: none;
}
#ModActions-parent .display-block {
  display: block !important;
}
#ModActions-parent .row-border-bottom {
  border-bottom: 1px solid #36393f;
}
#ModActions-parent .all-table tbody {
  background-color: var(--command-bg);
}
#ModActions-parent .row-opened {
  border-bottom: none;
}
#ModActions-parent .actions-dropdown ul {
  margin-bottom: 0;
}
#ModActions-parent .actions-dropdown ul li:last-child {
  border-bottom: 0 !important;
}
.pagination-parent .disabled {
  cursor: default !important;
  pointer-events: none;
}
#ModActions-parent .display-default {
  display: block !important;
}
#ModActions-parent .input-display-default {
  display: inline-block !important;
}
#timeLeft {
  width: 150px;
}
#responsible {
  width: 170px;
}
#createdAt {
  width: 180px;
}
#actions-search-icon {
  bottom: 11px;
  left: -7px;
}
#ModActions-parent .dropdown__trigger {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  cursor: auto;
  background: #393943;
  padding: 7px;
  border-radius: 5px;
}
.rtl #ModActions-parent .dropdown__trigger {
  align-items: baseline;
}
#actions-dropdown-x {
  cursor: pointer;
  right: -20px;
  bottom: 11px;
}
.actions-dropdown ul {
  padding: 0;
}
.actions-dropdown li {
  border-bottom: 1px solid var(--bs-gray-dark) !important;
}
.pagination .active a {
  z-index: 1;
  padding: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.active,
.pagination .active a {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#ModActions-parent #noResults {
  text-align: center !important;
}
.css-hl80e3-SkeletonTheme {
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 20px;
  border-radius: 24px;
}
.rtl .avatar-name {
  margin-right: 0 !important;
}
.rtl .all-table td {
  padding: 18px 15px !important;
}
.rtl .all-table td,
.rtl .all-table th,
.rtl .avatar-name p {
  text-align: right !important;
}
.rtl .footer-reason {
  padding-right: 20px !important;
}
.rtl .footer-btns {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 50% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rtl .nav-card {
  flex-direction: row-reverse;
}
.rtl .all-table th {
  padding: 18px 5px 18px 20px !important;
}
.rtl .all-table th:first-child {
  text-align: center !important;
}
.rtl .nav-group-btns,
.rtl .search {
  direction: rtl;
}
.pagination-parent-rtl ul {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.pagination-parent-rtl ul .previous {
  transform: rotateY(180deg);
  background-color: transparent;
  order: 3;
}
.pagination-parent-rtl ul > div {
  order: 2;
}
.pagination-parent-rtl ul .next {
  transform: rotateY(180deg);
  background-color: transparent;
}
#no-transaction-found {
  text-align: center;
  margin: 30px 0;
}
@media screen and (max-width: 1440px) {
  #ModActions-parent .avatar-name {
    margin-right: 0;
  }
  #ModActions-parent .nav-group-btns {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  #ModActions-parent .nav-group-btns button {
    margin: 5px;
  }
  #ModActions-parent .nav-btns {
    padding: 5px 13px;
    align-items: center;
    margin-left: 10px;
  }
  #ModActions-parent .nav-btns-all {
    margin-left: 7px;
    align-items: center;
  }
  .rtl .search input {
    text-align: right !important;
  }
}
@media (max-width: 1024px) and (min-width: 1022px) {
  #ModActions-parent .all-table {
    font-size: 10px;
  }
  #ModActions-parent .search {
    width: 37.5%;
  }
  #ModActions-parent .search input {
    font-size: 13px !important;
  }
  #ModActions-parent .search i:first-child {
    font-size: 12px;
  }
  #ModActions-parent .rtl .search i:first-child {
    right: 17px !important;
  }
  .rtl .search input {
    padding: 0 !important;
    text-align: right;
  }
  #actions-dropdown-x {
    right: -1px;
  }
  #ModActions-parent .nav-btns {
    padding: 10px !important;
  }
  #ModActions-parent table tr th:first-child {
    padding-left: 60px;
  }
  #ModActions-parent .footer-btns {
    width: 40%;
  }
  #transactions-date,
  #transactions-date-head {
    display: none;
  }
  #transactions-user-head {
    width: 60% !important;
    text-align: left !important;
    padding-left: 5em;
  }
}
@media screen and (max-width: 1022px) {
  #ModActions-parent .nav-btns-all {
    align-items: center;
  }
  #ModActions-parent .avatar-name {
    padding-bottom: 25px !important;
  }
  #ModActions-parent .footer-btns {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    height: 100vh;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
  }
  #ModActions-parent .avatar-name {
    margin-right: 0;
  }
  #ModActions-parent .nav-group-btns {
    gap: 0 !important;
  }
  #ModActions-parent .nav-group-btns button {
    flex: 1;
    font-size: 0.8rem !important;
    justify-content: center;
    padding: 12px !important;
  }
  #ModActions-parent .nav-btns {
    padding: 12px 17px !important;
    margin-left: 10px;
  }
  #ModActions-parent .nav-btns-all {
    margin-left: -60px;
    align-items: center;
  }
  #ModActions-parent .search {
    max-width: unset;
  }
  #ModActions-parent .search i,
  #ModActions-parent .search input {
    font-size: 15px;
    vertical-align: super;
  }
  #ModActions-parent .search input {
    flex: 1;
    height: 25px;
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
  }
  #ModActions-parent .footer-btns {
    width: 45%;
  }
  #ModActions-parent button,
  #ModActions-parent p,
  #ModActions-parent td,
  #ModActions-parent th {
    font-size: 10px !important;
  }
  .rtl .nav-group-btns {
    width: 240px !important;
  }
  .rtl #ModActions-parent .nav-group-btns {
    width: 100% !important;
  }
  .rtl .nav-btns {
    margin-left: 9px !important;
  }
  #ModActions-parent .rtl .search i:first-child {
    right: 20px;
  }
  #transactions-user-head {
    padding-right: 2em;
    width: 32%;
  }
  #transactions-amount-head {
    text-align: end !important;
  }
  #transactions-balance-head {
    text-align: end !important;
    padding-right: 1.8em !important;
  }
  #timeLeftTd {
    min-width: 160px !important;
  }
  .protection-crtl .col-md-8 {
    padding: 0;
    margin-top: 1rem;
  }
  #ModActions-parent .nav-card {
    flex-direction: column;
  }
  #ModActions-parent .nav-group-btns {
    justify-content: center;
    width: 100%;
    gap: 1rem;
  }
  #ModActions-parent .search {
    width: 60%;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
}
@media screen and (max-width: 426px) {
  #ModActions-parent .nav-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #ModActions-parent .rtl .nav-group-btns {
    margin: 0 10px 0 0 !important;
    width: 100% !important;
  }
  #ModActions-parent .nav-group-btns {
    width: 100%;
    margin: 0;
  }
  #ModActions-parent .search {
    width: 100%;
    margin-top: 10px;
  }
  #ModActions-parent .nav-btns {
    padding: 9px 13px !important;
  }
  .rtl .nav-group-btns {
    width: 100% !important;
  }
  #ModActions-parent .search i:first-child {
    padding-top: 3px;
  }
  .rtl #ModActions-parent .search i:first-child {
    transform: rotate(90deg);
  }
  .rtl .footer-btns {
    width: 60% !important;
  }
  .btn-paymentmethod img {
    width: 50px;
  }
  .click-to-recharge {
    font-size: 8px;
  }
}
@media screen and (max-width: 376px) {
  .pagination li a {
    width: 2rem;
    height: 2rem;
  }
  .pagination-parent .next a,
  .pagination-parent .previous a {
    margin: 0 5px !important;
  }
}
#ModActions-parent button.btn.btn-deleteAction {
  padding: 12px 25px;
  font-weight: 400;
}
div.server-reset {
  background-color: #2f3136;
  padding: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.rtl div.server-reset {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#ModActions-parent button.btn.btn-deleteAction:hover {
  background-color: transparent;
  border: 1px solid #f73414;
}
#ModActions-parent button.btn.btn-deleteAction:before {
  border-radius: 60px;
}
#ModActions-parent img.actions-dropdown-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 5px;
}
.rtl #ModActions-parent img.actions-dropdown-avatar {
  margin-right: 0;
  margin-left: 5px;
}
#ModActions-parent div.actions-dropdown {
  z-index: 9;
  left: 4px;
  overflow: auto;
  min-height: 70px;
  scrollbar-width: thin;
  width: 60%;
  filter: drop-shadow(0 0 0.75rem #292b27);
}
#ModActions-parent div.actions-dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 5px 10px 15px;
  cursor: pointer;
}
.styles-modal-rtl {
  direction: rtl;
}
.rtl .delete-action-btns {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.will-be-deleted-div {
  text-align: left;
  margin-left: 15px;
  margin-bottom: 10px;
}
.sure-delete-action {
  border: 2px solid #43b581;
  padding: 4px 15px;
  border-radius: 15px;
  font-size: 13px;
  color: #43b581;
  transition: all 0.3s;
}
.sure-delete-action:hover {
  filter: drop-shadow(-4px 5px 3px #1d1e21);
  background-color: #f0474669;
}
.something .sure-delete-action:hover {
  background-color: #43b581;
  filter: drop-shadow(-4px 5px 3px #1d1e21);
}
.dont-delete-action {
  border: 2px solid #b54343;
  padding: 4px 15px;
  border-radius: 15px;
  font-size: 13px;
  color: #b54343;
  transition: all 0.3s;
}
.dont-delete-action:hover {
  filter: drop-shadow(4px 5px 3px #1d1e21);
  background-color: #36393fa8;
}
.something .dont-delete-action:hover {
  background-color: #b54343;
  filter: drop-shadow(4px 5px 3px #1d1e21);
}
.why-action-delete {
  padding: 2px;
  font-size: 7px;
  background-color: #595c5f;
  border-radius: 50%;
  color: #2f3136;
  position: relative;
  left: 3px;
  bottom: 3px;
}
.why-action-delete:hover:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 0;
  border-left: 8px solid hsla(0, 0%, 7%, 0.53);
  height: 0;
  border-bottom: 6px solid transparent;
  border-top: 7px solid transparent;
  z-index: 0;
  transform: rotate(90deg);
}
.question-text {
  position: absolute;
  bottom: 4.5em;
  right: 51%;
  visibility: hidden;
}
.action-will-be-deleted {
  margin-bottom: 10px;
}
.action-will-be-deleted i:hover + .question-text {
  visibility: visible;
  position: absolute;
  bottom: 7.4em;
  right: 0;
  left: 18.6em;
  background-color: #0000005e;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  font-size: 10px;
  padding: 5px 15px;
}
.rtl .action-will-be-deleted i:hover + .question-text {
  left: 27.2em;
  bottom: 10.4em;
}
.rtl .something button {
  align-self: center;
}
.rtl .why-action-delete {
  left: -5px;
}
.editActionBtn {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 35px;
  border-radius: 5px !important;
  font-weight: 600;
  font-size: 15px;
}
.justify-content-flex-end {
  justify-content: flex-end !important;
}
.justify-content-space-between {
  justify-content: space-between !important;
}
.styles_modal__gNwvD {
  padding: 0;
  border-radius: 5px;
}
.commandSave {
  border-radius: 0 0 8px 8px !important;
}
.emoji-mart-category .emoji-mart-emoji span {
  cursor: pointer !important;
}
@media screen and (max-width: 460px) {
  .emoji-mart-emoji > span {
    width: 22px !important;
    height: 22px !important;
    transition: all 0.2s;
  }
}
.emoji-mart-dark,
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #2f3136;
  border-color: #1a1a1a;
}
.emoji-mart-dark .emoji-mart-search input {
  border-color: #1a1a1a;
  background-color: #1f1f25;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #1a1a1a;
}
.emoji-mart-category-label {
  margin-top: 10px;
}
.emoji-mart-search {
  margin-bottom: 5px;
  margin-top: 10px;
}
[data-name="Recent"] {
  margin-top: 0;
}
.role {
  font-size: 11px;
  font-weight: 500;
  border: 1px solid;
  border-radius: 32px;
  box-sizing: border-box;
  min-height: 22px;
  margin: 0;
  padding: 4px 8px;
  align-items: center;
  display: flex;
  vertical-align: baseline;
  color: #b9bbbe;
}
.role > div:not(.roleCircle) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 50px;
}
.roleCircle {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  padding: 0;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  background-color: #b9bbbe;
}
.role .roleCircle path {
  fill: var(--gray-3);
}
.roleDeleteButton {
  padding: 5px;
  margin-right: 20px;
}
.addRoleButton {
  border-color: var(--gray-4);
  color: #fff;
  background: transparent;
  font-size: 18px;
  line-height: 11px;
  padding: 0;
  border-width: 2px;
  border-radius: 5px;
  background-color: var(--gray-4);
  min-height: 30px;
  min-width: 33px;
  max-height: 30px;
  cursor: pointer;
  max-width: 33px;
  display: grid;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  place-content: center;
  transition: all 0.2s;
}
.addRoleButton:hover {
  border-color: var(--gray-2);
  transition: all 0.2s;
}
.addRoleIcon {
  cursor: pointer;
  width: 10px;
  height: 10px;
}
.dropdown-content {
  width: 260px;
  overflow: hidden;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #1f1f25;
  border: 1px solid var(--background-modifier-accent);
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}
.roles-content {
  padding: 0;
  margin-bottom: 0;
  position: relative;
  height: 230px;
  box-sizing: border-box;
  min-height: 0;
  width: 100%;
  overflow-y: auto;
  margin-top: 1rem;
}
.roles-item {
  font-weight: 500;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 4px;
  cursor: pointer;
  align-items: center;
  display: flex;
  outline: none;
}
.roles-item:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.roles-itemLabel {
  width: 100%;
}
.pagination-parent {
  text-align: center;
  margin: 2rem 0;
}
.pagination-parent .pagination li:first-child a:hover {
  color: #fff !important;
}
.pagination .previous svg {
  transform: rotate(180deg) !important;
}
.rtl .pagination .previous svg {
  transform: rotate(1turn) !important;
}
.rtl .pagination .next a svg {
  transform: rotate(180deg) !important;
}
.pagination-parent .pagination li:hover a {
  padding: 0;
  background-color: var(--gray-1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  transition: all 0.3s;
}
.pagination-parent .next a,
.pagination-parent .previous a {
  margin: 0 10px;
  height: 2rem !important;
  width: 2rem !important;
  border-radius: 50%;
  display: flex;
  font-size: 1.1rem;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.pagination-parent .next a:hover,
.pagination-parent .previous a:hover {
  color: #fff;
}
#transactions-parent .transactions-row {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.transactions-skeleton-row:last-child {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.rtl .transactions-row {
  direction: rtl;
}
#transactions-parent .transactions-head {
  display: flex;
  padding: 15px 0;
  background-color: #202225bd;
  width: 100%;
}
#timeLeftTd {
  min-width: 150px;
}
#punishTimeTd {
  min-width: 100px;
}
#createdAtTd {
  min-width: 175px;
}
#punishTime {
  min-width: 135px;
}
#createdAt i {
  margin: 0 5px;
  color: #5865f2;
}
#verified-bot-tag-modal {
  padding: 2px 5px;
  border-radius: 3px;
  color: #fff !important;
  background-color: var(--purple);
  font-size: 10px;
  line-height: 15px;
  vertical-align: middle;
  margin: 0 10px;
  font-family: sans-serif;
}
#verified-bot-tag-modal i {
  font-size: 8px;
  margin-right: 5px;
  position: static;
}
#verified-bot-tag {
  height: 15px;
  padding: 2px;
  border-radius: 3px;
  color: #fff !important;
  background-color: var(--purple);
  font-size: 10px;
  line-height: 15px;
  vertical-align: middle;
  margin: 0 10px;
}
#transactions-model-parent .custom-tooltip,
.username-wrapper .custom-tooltip {
  border: none;
}
#transactions-model-parent .custom-tooltip .tooltiptext,
.username-wrapper .custom-tooltip .tooltiptext {
  width: 54px;
  font-size: 7px;
  border-radius: 3px;
  padding: 5px;
  left: 81%;
  top: -95%;
  opacity: 0;
}
#transactions-model-parent .custom-tooltip:hover .tooltiptext,
.username-wrapper .custom-tooltip:hover .tooltiptext {
  width: 54px;
  font-size: 7px;
  border-radius: 3px;
  padding: 5px;
  left: 81%;
  top: -100%;
  opacity: 1;
}
.username-wrapper .custom-tooltip:hover .tooltiptext {
  width: 54px;
  font-size: 7px;
  border-radius: 3px;
  padding: 5px;
  left: 81%;
  top: -115%;
  opacity: 1;
  color: #fff;
  height: 19px;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.username-wrapper .custom-tooltip .tooltiptext:after {
  transform: rotate(180deg);
  top: 20px;
  bottom: 0;
}
#verified-bot-tag i {
  font-size: 8px;
  margin-right: 5px;
}
.rtl .transactions-head {
  direction: rtl;
}
.pagination .previous a {
  color: #5865f2 !important;
}
.pagination .next a,
.pagination .previous a {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pagination .next a {
  color: var(--purple);
}
.pagination .next,
.pagination .previous {
  align-self: center;
}
.active a {
  background-color: #5865f2 !important;
  border-color: #593cff !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.pagination > li > a,
.pagination > li > span {
  color: #fff;
  background-color: var(--gray-2);
  border: 1px solid var(--gray-2);
  transition: all 0.3s;
}
.pagination .disabled a {
  opacity: 0.5;
}
.transactions-table {
  color: #aaafb7;
}
#transactions-parent .logs-table {
  padding: 0;
  border-radius: 8px;
  border: none;
}
.rtl #transactions-parent .logs-table {
  direction: rtl;
}
.rtl .transactions-row {
  padding-right: 0 !important;
}
.rr-create-embed-link {
  border-bottom: 1px solid #f742aa;
  opacity: 0.8;
  transition: all 0.2s;
}
.rr-create-embed-link:hover {
  opacity: 1;
  color: #fff;
  background-color: #e2409e66;
  border-radius: 4px;
  padding: 0 5px;
}
.rtl .rr-add-message-btn {
  text-align: right;
}
.rr-reactions-list {
  margin: 20px 0;
  justify-content: space-between;
  background-color: var(--gray-3);
  padding: 15px;
  border-radius: 8px !important;
  position: relative;
  min-height: 63.8px;
}
.rr-reactions-list,
.rr-reactions-list > div {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.rr-reactions-list > button {
  background: unset;
  border: unset;
  color: #fff;
}
.rr-reactions-list .dropdown-content {
  z-index: 999;
  padding: 10px;
}
.rr-reactions-list .dropdown-content ul {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
}
.rr-reactions-list .dropdown-content ul li {
  transition: all 0.2s;
}
.rr-type-radios-parent {
  display: flex;
  flex-direction: column;
}
.rr-type-radios-parent > div {
  background-color: var(--gray-3);
  padding: 15px;
  border-radius: 5px;
  margin: 5px 0;
}
.rr-type-radios-parent > div label {
  margin: 0 10px;
  padding-left: 30px;
  font-size: 16px;
  line-height: 20px;
}
.rr-type-radios-parent > div p {
  color: #adadad;
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 2px;
  font-weight: 400;
}
.rr-type-radios-parent .container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #dbdbdb;
}
.rr-type-radios-parent .container input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 5px;
  left: -5px;
  height: 22px;
  width: 22px;
  background-color: #2f313600;
  border-radius: 50%;
  border: 2px solid #6b6d72;
}
.rr-type-radios {
  transition: all 0.1s;
}
.rr-type-radios:hover {
  cursor: pointer;
  background-color: var(--gray-3);
  transition: all 0.1s;
}
.rr-type-radios-active {
  background-color: var(--gray-2) !important;
}
.rr-error-msg {
  text-align: center;
  border: 1px solid #e24040;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  margin: auto;
}
.rr-error-msg i {
  font-size: 60px;
  padding: 40px;
  color: #fff;
}
.rr-errror-msg h4 {
  background-color: #e24040;
  margin: 0;
  padding: 15px;
}
.reaction_role select {
  background-color: var(--gray-2) !important;
}
.reaction_role select option {
  color: #fff !important;
}
.reaction_role select:hover {
  cursor: pointer;
}
.rtl .reaction_role .close-button {
  right: unset;
  left: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
.rtl .reaction_role h5 {
  text-align: right;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--purple);
}
@keyframes fadeInUpCard {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.rr-all-card {
  position: relative;
  color: #fff;
  margin-top: 1rem;
  padding: 24px;
  background-color: var(--gray-4);
  border-radius: 24px;
  animation: fadeInUpCard 0.5s;
}
@media screen and (max-width: 426px) {
  .rr-all-card {
    padding: 12px;
    border-radius: 12px;
  }
}
.rr-all-card header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rr-all-card header h5 {
  font-size: 14px;
}
.rr-all-card header > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.activeBtn {
  background-color: var(--purple) !important;
  transition: background 0.2s, border 0.2s;
}
.activeBtn,
.activeBtn:focus {
  border: 2px solid var(--purple) !important;
}
.rr-all-card header .close-button i:hover {
  filter: drop-shadow(0 0 0.55rem var(--gray-4));
  transition: filter 0.2s;
}
.actions-button {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.emojis-container {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.reaction-role__emojiRow {
  max-width: 80%;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  -webkit-margin-end: 22px;
  margin-inline-end: 22px;
}
.reaction-role__emojiRow .roleCircle {
  min-width: 12px;
}
.rtl .rr-all-card .container {
  padding-right: 25px;
}
.rtl .rr-all-card .rr-type-radios p {
  text-align: right;
}
.rtl .rr-all-card .rr-type-radios span {
  left: 0;
  right: -10px;
}
.rr-remove-reaction-btn {
  font-size: 1rem;
  transition: color 0.2s;
}
.rr-remove-reaction-btn:hover {
  color: var(--red);
  transition: color 0.2s;
}
.rtl .roleCircle {
  margin-right: 0;
  margin-left: 5px;
}
.rtl .role {
  padding: 4px 5px;
}
#transactions-parent tr {
  border-bottom: 1px solid #3e3e4087;
}
#transactions-parent table tr th:first-child {
  text-align: left;
  padding-left: 100px;
}
#transactions-parent table td {
  text-align: center;
}
#transactions-parent p.plus {
  color: #43b581 !important;
}
#transactions-parent p.negative {
  color: #e74c3c !important;
}
#transactions-parent .green-row {
  background: transparent linear-gradient(85deg, #2f3136, #43b58114) 0 0
    no-repeat padding-box;
  border: none;
  border-bottom: 2px solid #3e3e4087;
  width: 100%;
}
#transactions-parent .green-row .row-border {
  border-left: 2px solid #43b581;
}
.rtl .green-row .row-border {
  border-left: none !important;
  border-right: 2px solid #43b581 !important;
}
#transactions-parent .red-row {
  background: transparent linear-gradient(85deg, #2f3136, #e74c3c14) 0 0
    no-repeat padding-box;
  border: none;
  border-bottom: 2px solid #3e3e4087;
  width: 100%;
}
#transactions-parent .red-row .row-border {
  border-left: 2px solid #e74c3c;
}
.rtl .red-row .row-border {
  border-left: none !important;
  border-right: 2px solid #e74c3c;
}
#transactions-parent .trans-anotherUser-name {
  color: #aaafb7;
  text-align: left !important;
  margin-left: 10px;
  margin-bottom: 0;
}
.rtl .trans-anotherUser-name {
  margin-right: 10px;
}
#transactions-parent .trans-avatar {
  width: 45px;
  border-radius: 50%;
}
#transactions-parent .trans-avatar-name {
  display: flex;
  align-items: center;
  padding: 15px;
  width: 30%;
  min-width: 24em;
}
.rtl .trans-avatar-name {
  margin-left: 0;
  margin-right: 10px;
}
#transactions-parent #transactions-amount {
  width: 25%;
  -moz-text-align-last: center;
  text-align-last: center;
}
#transactions-parent #transactions-amount p {
  margin: 0;
  font-size: 12px;
}
#transactions-parent #transactions-balance,
#transactions-parent #transactions-date {
  width: 25%;
  text-align: center;
}
#transactions-user-head {
  width: 30%;
  text-align: center;
}
.rtl #transactions-user-head {
  padding-left: 3.3em;
  padding-right: 0 !important;
}
#transactions-amount-head,
#transactions-date-head {
  width: 25%;
  text-align: center;
}
.rtl #transactions-date-head {
  padding-left: 4.3em;
  padding-right: 0;
}
#transactions-balance-head {
  width: 25%;
  text-align: center;
}
.rtl #transactions-balance-head {
  padding-right: 0 !important;
}
.rtl #transactions-amount-head {
  text-align: left !important;
}
.transactions-modal-footer {
  background-color: #2f3136;
  text-align: right;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 0 8px 8px;
}
.transactions-modal-footer p {
  margin-bottom: 0;
}
.transactions-modal-reason h5 {
  color: #fff;
  font-size: 15px !important;
  margin: 0;
}
.transactions-modal-reason p {
  color: #aaafb7;
  word-break: break-all;
  text-align: start;
  margin: 0;
}
.modalDram {
  padding: 0 20px 10px 24px;
}
#transactions-model-parent .trans-avatar {
  width: 60px;
  border-radius: 50%;
  transition: filter 0.2s;
}
#transactions-model-parent .trans-avatar:hover {
  filter: drop-shadow(0 7px 0.6rem var(--landing-bg));
  transition: filter 0.2s;
}
#transactions-model-parent .trans-avatar-name {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 5px;
}
#transactions-model-parent .Modalhead {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
#transactions-model-parent .Modalhead > h5 {
  text-transform: inherit !important;
}
#transactions-model-parent .Modalhead h5 span {
  color: #6a6e75;
}
#transactions-model-parent .modal-user-id {
  display: flex;
  align-items: flex-end;
  padding-left: 7.5em;
}
#transactions-model-parent .modalDram {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: flex-start;
}
#transactions-model-parent .transactions-modal-reason:first-child {
  width: 100%;
}
#transactions-model-parent .transactions-modal-reason {
  padding: 8px 13px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.transactions-modal-reason p img {
  -webkit-margin-start: 7px;
  margin-inline-start: 7px;
}
@media screen and (max-width: 708px) {
  .logs-table td {
    padding: 2px;
  }
}
.custom-tooltip {
  position: relative;
  display: inline-block;
}
.custom-tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #202225;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 35%;
  margin-left: -60px;
}
.custom-tooltip .tooltiptext:after {
  bottom: 100%;
}
#transactions-model-parent .custom-tooltip .tooltiptext:after,
.custom-tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: #000;
}
#transactions-model-parent .custom-tooltip .tooltiptext:after {
  bottom: -50%;
  transform: rotate(180deg);
}
.custom-tooltip:hover .tooltiptext {
  visibility: visible;
  padding: 10px;
  filter: drop-shadow(0 0 0.75rem #2e3035);
  transition: all 0.3s;
}
#server-settings .custom-tooltip .tooltiptext {
  top: 127%;
}
.styles_closeButton__20ID4:hover {
  filter: drop-shadow(3px 3px 9px #0b0b0b4f);
}
.delete-action-container {
  height: 30vh;
  padding: 15px;
}
.delete-alert {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
}
.delete-alert .delete-message {
  margin: 35px;
}
.delete-alert p {
  text-align: center;
  margin: 0 !important;
  width: -moz-fit-content;
  width: fit-content;
}
.delete-message p:first-child {
  font-weight: 700;
  font-size: 20px;
}
.delete-message p:last-child {
  color: #aaabb7;
  font-weight: 100;
}
.delete-action-btns {
  display: flex;
  gap: 10px;
}
.delete-alert .delete-action-btns a {
  font-size: 20px;
}
.delete-alert .delete-action-btns a:first-child {
  border: 2px solid #f04747;
  background-color: #f04747;
  color: #fff;
  border-radius: 6px;
}
.delete-alert .delete-action-btns a:last-child {
  border: 2px solid #36393f;
  background-color: #36393f;
  color: #fff;
  border-radius: 6px;
}
.delete-alert .delete-action-btns {
  background-color: #2f3136;
  padding: 21px 18px 18px;
  border-radius: 0 0 5px 5px;
}
.button-trash-fa:hover .fa-trash {
  color: #f73414;
}
.break-word {
  word-break: break-word;
}
#action-buttons-td {
  display: flex;
  min-width: 111px;
  justify-content: space-around;
}
@keyframes TopContainerAnimation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.top-container {
  animation: TopContainerAnimation ease-in;
  display: flex;
  position: relative;
}
.top-number {
  background-color: var(--gray-4);
}
.top-number,
.top-number-10 {
  align-self: center;
  border-radius: 50%;
  text-align: center;
  margin: 0 10px;
  height: 2.8rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-number-10 {
  background-color: #5865f250;
  color: var(--white);
}
.top-100 {
  justify-content: space-between;
  background-color: var(--gray-4);
  border-radius: 35px;
  padding: 10px;
  margin: 5px 0;
  width: 100%;
  height: 55px;
}
.top-100,
.top-user-info,
.top-user-levels-credits {
  display: flex;
  align-items: center;
}
.top-user-info {
  gap: 5px;
}
.top-user-levels-credits {
  height: 4vh;
  flex-direction: row-reverse;
}
.top-user-levels-credits p {
  font-size: 18px;
  padding-top: 2px;
  font-weight: 600;
}
.top-user-levels-credits .top-hover-credits {
  position: relative;
  transition: all 0.3s;
}
.top-hover-credits p:first-child {
  transform: rotateX(0deg) translateY(-50%);
}
.top-hover-credits p:last-child {
  transform: rotateX(-90deg) translateY(-50%);
  opacity: 0;
}
.top-100:hover p:first-child {
  transform: rotateX(90deg) translateY(-50%);
  opacity: 0;
}
.top-100:hover p:last-child {
  transform: rotateX(0deg) translateY(-50%);
  opacity: 1;
}
#top-1:hover p:first-child {
  transform: rotateX(90deg) translateY(-50%);
  opacity: 0;
}
#top-1:hover p:last-child {
  transform: rotateX(0deg) translateY(-50%);
  opacity: 1;
}
.top-hover-credits p {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: normal;
  transition: all 0.3s;
}
.top-hover-credits .top-txt-color {
  color: #747f8d;
}
#top-1-username-avatar,
.top-user-info .top-username-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  transition: all 0.3s;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.top-username span {
  color: #aaafb7;
  font-size: 15px;
}
.top-username {
  display: flex;
  text-align: left;
  margin: 0;
  unicode-bidi: plaintext;
}
.top-user-levels-credits p,
.top-username-avatar {
  margin: 0;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
#top-1 {
  background-color: #202225;
  display: flex;
  justify-content: space-between;
  border-radius: 35px;
  padding: 10px;
  align-items: center;
  margin: 5px 0;
  width: 100%;
  border: 2px solid var(--purple);
}
.top-one-crown {
  transform: rotate(-20deg);
  position: absolute;
  width: 30px;
  top: 1px;
  left: 7px;
  transition: all 0.5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#top-1 .top-user-info:hover .top-one-crown {
  transition: all 1s;
  transform: rotate(340deg);
}
.xp-or-credits-img {
  margin: 0 9px;
  width: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.top-container:hover {
  opacity: 1;
}
.top-skeleton-loading-rank {
  margin: 17px 12px 12px 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}
.top-skeleton-user-info .top-skeleton-username {
  width: 200px;
}
.top-skeleton-user-info .top-skeleton-value {
  margin-right: 60px;
}
#bg-checkbox-color {
  width: 21px;
  height: 20px;
  margin-top: -1px;
  margin-left: -21px;
  cursor: pointer;
}
#with-color-checkbox {
  margin-top: 0;
}
#bg-checkbox-label-color {
  padding-left: 6px !important;
}
#bg-checkbox-label-color:after {
  margin-left: -18px;
  margin-top: -1px;
}
.daily-parent {
  background-color: var(--gray-4);
  border-radius: 10px;
  max-width: 600px;
  margin: auto;
  position: relative;
  padding-block: 44px;
  text-align: center;
  filter: drop-shadow(0 0 8px var(--gray-3));
}
.daily-parent .text-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.daily-parent .text-header h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  margin: 0;
}
.daily-parent .text-header p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #9292a0;
  margin: 0;
}
.daily-logo-text {
  background-color: #272a2d;
  border-radius: 15px;
  height: 221px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  width: 50%;
  margin: 35px auto auto;
  transition: all 0.2s;
}
.daily-logo-text i {
  font-size: 60px;
  color: var(--purple);
}
.daily-logo-text h5 {
  color: #f742aa;
  margin-top: 35px;
  margin-bottom: -10px;
}
.daily-logo-text:hover {
  background-color: var(--purple);
}
.daily-logo-text:hover h5,
.daily-logo-text:hover i {
  color: #fff;
}
.daily-footer {
  display: flex;
  align-items: baseline;
  text-align: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 5px;
}
.daily-footer i:not(.fa-cedi-sign) {
  color: #6f6f6f;
  width: 15px;
  margin: 6px;
}
.daily-footer i:is(.fa-cedi-sign) {
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
.daily-parent-claimed .daily-logo-text h5,
.daily-parent-claimed .daily-logo-text i {
  color: #636364;
}
.daily-parent-claimed .daily-logo-text:hover {
  background-color: #272a2d;
  cursor: default !important;
}
.daily-parent-claimed .daily-logo-text:hover h5,
.daily-parent-claimed .daily-logo-text:hover i {
  cursor: default !important;
  color: #636364;
}
.daily-parent-claimed .daily-logo-text {
  pointer-events: none;
}
.daily-parent hr {
  border: 0;
  margin-block: 20px;
  background: var(--gray-2);
  height: 2px;
}
.daily-parent .streak-list {
  padding-inline: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 36px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.daily-parent .bg-streak {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.daily-parent .streak-list::-webkit-scrollbar {
  display: none;
}
.daily-parent .streak-list .streak {
  position: relative;
  display: grid;
  place-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  background: #505059;
  border: 4px solid #64646f;
  border-radius: 50%;
}
.daily-parent .streak-list .streak:not(:last-child):after {
  content: "";
  z-index: -1;
  height: 8px;
  width: 150%;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  background-color: #393943;
}
.rtl .daily-parent .streak-list .streak:not(:last-child):after {
  left: unset;
  right: 100%;
}
.daily-parent .streak-list .streak.streak-taken {
  background: #5865f2;
  border: 4px solid #7a84ee;
}
.daily-parent .streak-list .streak.streak-taken:after {
  background-color: #5865f2;
}
.daily-parent .streak-list .streak.active {
  background: #70707c;
  border: 4px solid #9292a0;
}
.daily-parent .streak-list .streak.linear-gradient:after {
  background: linear-gradient(
      90deg,
      #5865f2 25.33%,
      rgba(88, 101, 242, 0) 87.33%
    ),
    #393943;
}
#daily-time-left {
  color: #9f9f9f;
  font-weight: 700;
}
.daily-multiple-devices {
  background: transparent linear-gradient(195deg, #2f3136, #ff180017) 0 0
    no-repeat padding-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.daily-multiple-devices div {
  cursor: default !important;
}
.daily-multiple-devices h3:first-child {
  opacity: 0.1;
}
.daily-multiple-devices .daily-footer {
  opacity: 0.5;
}
.daily-multiple-devices .daily-logo-text {
  opacity: 0.1;
  color: #6f6f6f;
}
.daily-multiple-devices .daily-logo-text h5,
.daily-multiple-devices .daily-logo-text i {
  color: #6f6f6f;
}
#daily-multiple-devices-div {
  margin: -75px 0;
  position: relative;
  top: 13em;
}
#daily-multiple-devices-div i {
  font-size: 106px;
  color: #ff4646;
}
#daily {
  position: relative;
  top: 20px;
  height: 38em;
}
.daily-claimed-style {
  background: transparent linear-gradient(181deg, #2f3136, #43b58121) 0 0
    no-repeat padding-box;
  pointer-events: none;
  cursor: default !important;
}
.daily-claimed-style .daily-logo-text h5,
.daily-claimed-style .daily-logo-text i,
.daily-claimed-style h3 {
  color: #76c880;
}
#daily-claimed-message {
  border: 1px solid var(--purple);
  border-radius: 5px;
  background-color: #e2409e4d;
}
.modal-style-with {
  width: 100%;
}
.daily-number {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #9292a0;
}
.store-bg-skeleton-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 220px;
  background-color: #1f1f25;
  border-radius: 8px;
  margin-top: 8px;
  position: relative;
}
.store-bg-skeleton-loading > span:first-child {
  position: absolute;
  width: 80px;
  height: 20px;
  top: 0;
  left: 0;
}
.rtl .store-bg-skeleton-loading > span:first-child {
  left: unset;
  right: 0;
}
.store-bg-skeleton-loading > span:first-child span {
  border-radius: 8px 0;
  vertical-align: text-top;
  height: 100%;
}
.rtl .store-bg-skeleton-loading > span:first-child span {
  border-radius: 0 8px;
}
.store-bg-skeleton-loading .store-bg-skeleton-loading-as {
  width: 50px;
  height: 50px;
  margin: 55px;
  opacity: 0.4;
  border-radius: 24%;
  animation: spin 2s cubic-bezier(0, 1, 0.97, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
    width: 80px;
    height: 80px;
  }
}
.bg-modal .modalDram img {
  width: 90%;
}
.reset-settings-modal h5 {
  margin-top: 35px;
}
.reset-settings-modal .modalDram span {
  color: #ff3d3d;
}
#transactions__see-more-div {
  display: none !important;
}
.transactions-model-user {
  display: flex;
  justify-content: center;
  align-items: center;
}
.transactions-model-user h5 {
  margin: 0;
  display: flex;
}
.transactions-model-user .custom-tooltip {
  align-self: flex-start;
}
#myTabs_10 {
  padding-bottom: 20px;
}
@media screen and (max-width: 644px) {
  #transactions-date,
  #transactions-date-head {
    display: none;
  }
  #transactions-user-head {
    width: 34%;
  }
  #transactions-amount-head {
    width: 37%;
  }
}
@media screen and (max-width: 426px) {
  .top-number,
  .top-number-10 {
    text-align: center;
    margin: -13% -21px 0 0;
    font-size: 15px;
    z-index: 2;
    height: 1.8rem;
    width: 1.7rem;
  }
  .top-number {
    background-color: var(--gray-2);
  }
  .top-username {
    font-size: 13px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
  }
  .top-user-info .top-username-avatar {
    width: 35px;
    height: 35px;
  }
  .xp-or-credits-img {
    width: 30px;
  }
  .top-user-levels-credits p {
    font-size: 15px;
  }
  .top-container {
    margin-top: 7px;
  }
  .top-skeleton-user-info .top-skeleton-username {
    width: 70px;
    margin-top: 7px;
  }
  .top-skeleton-user-info .top-skeleton-value {
    width: 40px;
    height: 15px;
    margin-right: 0;
  }
  .top-skeleton-loading-rank {
    position: absolute;
    padding: 0;
    width: 28px !important;
    height: 28px !important;
    text-align: center;
    margin: -8px 0 0 !important;
  }
  #transactions-amount p {
    margin: 0;
    font-size: 12px;
  }
  .logs-table {
    padding: 6px 5px;
  }
  .media-photo {
    height: 35px;
    width: 35px;
    margin-top: 2px;
  }
  .log-title {
    font-size: 13px;
    font-weight: 500;
  }
  .summary {
    font-size: 11px;
  }
  .media {
    padding-top: 6px;
  }
  .daily-logo-text {
    width: 70%;
  }
  .emoji-mart-dark {
    width: 315px !important;
    right: 0;
  }
  .daily-parent h3 {
    font-size: 20px;
  }
  .daily-parent h5 {
    font-size: 13px;
  }
  .daily-number {
    font-size: 12px;
  }
  .daily-logo-text {
    height: 190px;
  }
  #transactions-date,
  #transactions-date-head {
    display: none;
  }
  .transactions-table {
    width: 100%;
  }
  #verified-bot-tag {
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff !important;
    background-color: var(--purple);
    font-size: 8px;
    line-height: 15px;
    vertical-align: middle;
    margin: 0 10px;
  }
  #verified-bot-tag i {
    font-size: 6px;
    margin-right: 3px;
  }
  #transactions-user-head {
    width: 50%;
    font-size: 12px;
  }
  #transactions-parent .trans-avatar-name p {
    font-size: 10px;
  }
  #transactions-parent .trans-avatar-name img {
    width: 30px;
  }
  #transactions-parent .trans-avatar-name {
    min-width: 15em;
  }
  #transactions-balance,
  #transactions-parent #transactions-amount p {
    font-size: 9px;
  }
  #transactions-balance img {
    margin-left: 4px !important;
    width: 10px;
  }
  #transactions-parent #transactions-amount {
    width: 15%;
  }
  #transactions-parent #transactions-balance {
    width: 20%;
  }
  #transactions-balance-head {
    text-align: center !important;
    padding-right: 0 !important;
    font-size: 12px;
    width: 35%;
  }
  #transactions-amount-head {
    text-align: right !important;
    padding-left: 0;
    font-size: 12px;
    width: 33%;
  }
  #transactions__see-more-div {
    display: block !important;
    margin: 0 10px;
  }
  #transactions-see-more {
    width: 25px;
  }
}
@media screen and (max-width: 376px) {
  .top-username {
    width: 55% !important;
  }
  .emoji-mart-dark {
    right: -25px;
  }
  #transactions-balance-head,
  #transactions-parent #transactions-balance {
    display: none;
  }
  #transactions-amount-head {
    width: 32%;
  }
}
@media screen and (max-width: 320px) {
  .rtl .search input {
    font-size: 15px !important;
  }
  .top-username {
    width: 33% !important;
  }
  .top-user-levels-credits {
    margin-left: -30px;
  }
  .logs-table {
    padding: 6px 5px;
  }
  .pagination {
    margin: 0;
  }
  .media {
    padding-top: 6px;
  }
  .log-title {
    font-size: 10px;
    font-weight: 500;
  }
  .log-title span {
    font-size: 8px;
    font-weight: 400;
  }
  .media-photo {
    height: 25px;
    width: 25px;
    border-radius: 50%;
  }
  .summary {
    font-size: 9px;
    line-height: 1;
  }
  .pull-right {
    font-size: 8px;
  }
  .emoji-mart-dark {
    right: -40px;
    width: 290px !important;
  }
  .transactions-table {
    width: -moz-fit-content;
    width: fit-content;
  }
  #transactions-balance-head,
  #transactions-parent #transactions-balance {
    display: none;
  }
  #transactions-amount-head {
    width: 39%;
  }
}
.fav {
  margin-top: -3px;
  color: #fff;
  padding: 0 clamp(1rem, 10vw, 200px);
  background-color: var(--landing-bg);
  background-repeat: no-repeat;
}
.favwidth {
  width: 50%;
}
.hero {
  color: var(--white);
  padding-top: 120px;
  align-items: center;
  width: 100%;
  margin: 4em 0;
  background: var(--landing-bg);
}
.hero h1 span {
  font-weight: 800;
  font-size: 62px;
  background: linear-gradient(72.09deg, #fff 50.33%, #b348ff 112.39%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero h1 {
  font-weight: 700;
  font-size: 40px;
  margin: 2rem;
}
.hero p {
  font-size: 25px;
  color: #839bad;
}
.hero .circle {
  margin: -12em 0;
}
.add_to_discord {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #6850ff, #a750ff);
  border-radius: 8px;
  border: 0;
  font-weight: 500;
  font-size: 17px !important;
  line-height: 21px !important;
  color: #fff;
  padding: 0 27px;
  height: 58px;
  outline: none;
  unicode-bidi: plaintext;
}
.add_to_discord svg {
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
  box-sizing: unset;
}
#btn::-moz-selection {
  background: #6850ff;
}
#btn::selection {
  background: #6850ff;
}
#welcoming-image {
  width: 40%;
  margin-bottom: 1rem;
}
.outline-btn {
  border: 4px solid #233442;
  display: flex;
  align-items: center;
  background: transparent;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  color: #839bad;
  padding: 0 27px;
  height: 58px;
  outline: none;
}
.outline-btn:focus {
  border: 4px solid #233442;
}
.title {
  margin: 0;
  width: 100%;
  padding-top: 80px;
  line-height: 1.15;
  font-size: 48px;
}
.description,
.title {
  text-align: center;
}
.favrow {
  max-width: 880px;
  margin: 80px auto 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.favcard {
  padding: 18px 18px 24px;
  width: 220px;
  text-align: left;
  text-decoration: none;
  color: #434343;
  border: 1px solid #9b9b9b;
}
.favcard:hover {
  border-color: #067df7;
}
.favcard h3 {
  margin: 0;
  color: #067df7;
  font-size: 18px;
}
.favcard p {
  margin: 0;
  padding: 12px 0 0;
  font-size: 13px;
  color: #333;
}
.favnav {
  text-align: center;
}
.favul {
  display: flex;
  justify-content: space-between;
}
.favnav > ul {
  padding: 20px 0;
  align-items: center;
}
.favli {
  display: flex;
}
.favlink {
  color: #839bad;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding-left: 60px;
  transition: all 0.1s ease-out;
}
.favlink:hover {
  color: #fff;
}
.features-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin-bottom: 10rem;
}
.feature {
  background: var(--purple);
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: relative;
  height: 220px;
}
.feature img {
  max-width: 400px;
}
.feature > div {
  -webkit-margin-start: clamp(40%, 4vw, 200px);
  margin-inline-start: clamp(40%, 4vw, 200px);
}
.feature.reverse > div {
  -webkit-margin-start: unset;
  margin-inline-start: unset;
  -webkit-margin-end: 40%;
  margin-inline-end: 40%;
  padding: clamp(1rem, 3vw, 5rem);
}
.feature h2 {
  font-weight: 600;
  font-size: 19px !important;
  line-height: 23px;
}
.feature p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.feature .left {
  position: absolute;
  left: 0;
  border-radius: 10px;
  width: 35%;
  perspective: 484px;
  filter: drop-shadow(-10px 40px 30px rgba(0, 0, 0, 0.5));
  transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(23deg)
    rotate(-9.8deg) translateX(-15px);
  transition: all 0.2s ease-out;
}
.feature .left:hover {
  width: 40%;
  perspective: 0;
  transform: scale(1) rotateX(0) rotateY(0) rotate(0) translateX(-45px);
}
.feature .right {
  position: absolute;
  right: 0;
  border-radius: 10px;
  width: 35%;
  perspective: 484px;
  filter: drop-shadow(10px 40px 30px rgba(0, 0, 0, 0.5));
  transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg)
    rotate(15deg) translateX(-35px);
  transition: all 0.2s ease-out;
}
.feature .right:hover {
  width: 40%;
  perspective: 0;
  transform: scale(1) rotateX(0) rotateY(0) rotate(0) translateX(35px);
}
.favjoin img {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.hero p {
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
.favfooter {
  background: url(/static/footer.webp);
  height: 300px;
  margin: -150px -200px;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding: 20px 200px;
}
.favfooter a {
  font-weight: 500;
  font-size: 14px !important;
  line-height: 17px;
  display: inline;
  margin: 0 8px;
  cursor: pointer;
}
.video video {
  border-radius: 20px;
  width: 550px;
  perspective: 484px;
  box-shadow: 67.1px 62.5px 125px -25px rgba(9, 9, 14, 0.856),
    16.2px 37.5px 75px -37.5px rgba(6, 12, 34, 0.274);
  transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg)
    rotate(9.8deg) translateX(5px) translateY(50px);
}
.why {
  display: flex;
  margin-top: 15em;
  margin-bottom: 15em;
}
.why h2 {
  font-weight: 500;
  font-size: 19px !important;
  line-height: 23px;
  color: #fff;
}
.why h1 span {
  font-weight: 600;
  color: #7e67ff;
}
.lax {
  position: relative;
  margin-bottom: 0;
}
.why h1 span:after {
  content: "";
  position: absolute;
  width: 70px;
  height: 35px;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(106, 80, 255, 0.4);
}
.why p {
  font-size: 14px;
  line-height: 17px;
  color: #839bad;
  margin-bottom: 4em;
}
p {
  font-weight: 300;
}
.why-header {
  margin-right: 5em;
  width: 40%;
}
.why-section {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  margin-right: 5em;
  width: 30%;
  z-index: 1;
}
.why-section-two {
  width: 30%;
}
.why-section-two > div > svg,
.why-section > div svg {
  margin-bottom: 0.5rem;
}
.favjoin img {
  border-radius: 10px;
  width: 450px;
  perspective: 484px;
  box-shadow: 67.1px 62.5px 125px -25px rgba(9, 9, 14, 0.856),
    16.2px 37.5px 75px -37.5px rgba(6, 12, 34, 0.274);
  transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg)
    rotate(15deg) translateX(5px) translateY(15px);
}
.favjoin h5 {
  font-weight: 500;
  font-size: 42px;
  line-height: 51px;
}
.favjoin h5 span {
  font-weight: 700;
}
.favjoin h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  margin: 1.5em 0 0;
}
.favjoin p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7e67ff;
  margin: 0 0 1.5em;
}
.width {
  width: 50%;
}
@media screen and (max-width: 800px) {
  .width {
    width: 100% !important;
  }
  .fav {
    padding: 0 40px;
  }
  .hero h1,
  .hero h1 span {
    font-size: 32px;
  }
  .hero p {
    font-size: 22px;
  }
  .favwidth {
    width: 100% !important;
  }
  .video video {
    width: 100%;
    border-radius: 10px;
    transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg)
      rotate(9.8deg) translateX(0) translateY(0);
  }
  .hero .circle {
    margin: -11em 10em;
  }
  .why circle {
    display: none;
  }
  .hero .buttons {
    flex-direction: column;
  }
  .hero button {
    width: 100%;
    justify-content: center;
    margin-top: 1em;
  }
  .feature {
    flex-direction: column;
    padding: 1em 2em;
  }
  .reverse {
    flex-direction: column-reverse;
  }
  .why {
    flex-direction: column;
    margin-top: 0;
  }
  .why-header,
  .why-section {
    width: 100%;
    margin: 0;
  }
  .why-section-two {
    width: 100%;
  }
  .column {
    flex-direction: column;
  }
  .favjoin button,
  .favjoin img {
    width: 100%;
  }
  .hide {
    display: none !important;
  }
  .center {
    justify-content: center !important;
  }
  .favfooter {
    margin: -150px -40px;
    padding: 20px 40px;
  }
  .favjoin .svg a > svg,
  .favjoin .svg > svg {
    display: none;
  }
  .feature.reverse > div {
    -webkit-margin-end: 10%;
    margin-inline-end: 10%;
  }
}
@media screen and (max-width: 450px) {
  .feature.reverse > div,
  .feature > div {
    margin: 0;
    flex: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .feature.reverse > div {
    padding: 0;
  }
  .feature .left {
    width: 60%;
    transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(23deg)
      rotate(-9.8deg) translateX(95px) translateY(-70%);
  }
  .feature .left:hover {
    width: 65%;
    transform: scale(1) rotateX(0) rotateY(0) rotate(0) translateX(56px)
      translateY(-65%);
  }
  .feature .right {
    width: 60%;
    transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg)
      rotate(15deg) translateX(-95px) translateY(-120px);
  }
  .feature .right:hover {
    width: 65%;
    transform: scale(1) rotateX(0) rotateY(0) rotate(0) translateX(-56px)
      translateY(-110px);
  }
  #feature2 .right {
    width: 50%;
    transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg)
      rotate(15deg) translateX(-136px) translateY(-140px);
  }
  #feature2 .right:hover {
    width: 55%;
    transform: scale(1) rotateX(0) rotateY(0) rotate(0) translateX(-75px)
      translateY(-140px);
  }
}
.hero .buttons {
  align-items: center;
  justify-content: center;
}
.title {
  margin: 2rem;
}
.feature.reverse > div:first-of-type,
.feature:not(.reverse) > div:nth-of-type(2) {
  width: 100%;
}
.favfooter {
  margin-top: 50px;
}
.rtl .why {
  direction: rtl;
}
.circle-icon {
  color: #878787;
}
.zmdi-code {
  font-size: 20px;
}
.new-component-tag {
  background-color: rgba(251, 79, 219, 0.1);
  color: #fb4fdc;
  font-weight: 700;
  padding: 1px 5px !important;
  border-radius: 4px;
  font-size: 10px !important;
  margin: 0 10px;
}
.vip-component-tag {
  background: rgba(246, 184, 91, 0.1);
  padding: 3px 6px;
  color: #f6b85b;
  font-size: 9px !important;
  align-items: center;
  max-width: 85px;
}
.updated-component-tag,
.vip-component-tag {
  font-weight: 700;
  border-radius: 4px;
  margin: 0 10px;
  justify-content: center;
  align-self: center;
  text-transform: uppercase;
}
.updated-component-tag {
  background-color: rgba(99, 240, 110, 0.1);
  color: #63f06e;
  padding: 1px 5px !important;
  font-size: 10px !important;
}
.remove-margin {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0;
}
.remove-margin #component {
  transition: all 0.4s;
}
.swal2-popup.swal2-toast {
  background-color: #434350 !important;
  box-shadow: 0 0 0.625em #000 !important;
}
.swal2-popup.swal2-toast h2 {
  color: #fff;
}
.swal2-popup.swal2-toast .swal2-title {
  font-size: 1rem !important;
  line-height: 1.2;
  text-align: start;
}
.switch-checkbox {
  position: relative;
  -webkit-appearance: none;
  outline: none !important;
  width: 50px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #d9dadc;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #fff;
}
.switch-checkbox:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}
.switch-checkbox:checked {
  box-shadow: inset 20px 0 0 0 #4ed164;
  border-color: #4ed164;
}
.switch-checkbox:checked:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
#modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  background-color: #0000009e;
  display: flex;
  justify-content: center;
}
#modal > div {
  z-index: 9;
  background-color: #393943;
  width: 500px;
  display: flex;
  margin: auto 10px;
  border-radius: 8px;
}
#modal i:first-child {
  position: absolute;
  margin: 10px;
  cursor: pointer;
}
.logout-modal__content {
  max-width: 500px;
}
#logout-modal {
  width: 100%;
}
#logout-modal .checkbox {
  padding: 0;
}
#logout-modal .form-check {
  display: flex;
  align-items: center;
  padding-inline: 1.3rem;
  margin: 0 0 20px;
}
.form-check .form-check-input {
  margin-left: unset;
  transition: all 0.2s;
}
.form-check label {
  -webkit-padding-start: 5px;
  padding-inline-start: 5px;
}
.rtl .form-check-input {
  margin-top: 0.35em;
}
#logout-modal p {
  opacity: 0.6;
  margin-bottom: 1rem !important;
}
#logout-modal > div:last-child {
  background-color: var(--gray-3);
  padding: 15px 14px;
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 8px 8px;
}
#logout-modal > div:last-child button {
  border: none;
  border-radius: 4px;
  padding: 13px 25px;
  -webkit-margin-start: 15px;
  margin-inline-start: 15px;
}
#logout-modal > div:last-child button:first-child {
  background-color: transparent;
  transition: background 0.2s;
}
#logout-modal > div:last-child button:first-child:hover {
  background-color: #39394391;
  transition: background 0.2s;
}
#logout-modal > div:last-child button:last-child {
  background-color: #ff5050;
  transition: background 0.2s;
}
#logout-modal > div:last-child button:last-child:hover {
  background-color: #ff5050ab;
  transition: background 0.2s;
}
.navbar-mobile-active {
  z-index: 9;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--purple);
  height: 5rem;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.navbar-mobile-active > div {
  display: flex;
  width: 100%;
  border-radius: 4px;
  justify-content: center;
  padding: 0.5rem;
  font-size: 0.9rem;
  color: #5b5b6d !important;
}
.navbar-mobile-active > h5:first-child {
  margin-top: 1rem;
}
.navbar-mobile-active h5 {
  margin: 3px 0;
}
.navbar-mobile-active .flag {
  margin-top: 5px;
}
@keyframes fadeInBackGround {
  0% {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.75);
  }
}
.ReactModalPortal > div {
  z-index: 99;
  animation: fadeInBackGround 0.3s cubic-bezier(0, 0, 0, 1.2) forwards !important;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .ReactModalPortal > div > div {
    width: 90% !important;
  }
  #transactions-model-parent .modalDram {
    width: 99%;
  }
}
.dramex-component-69 {
  max-width: 1200px;
  margin: auto;
}
@keyframes rocket-movement {
  to {
    transform: translate(1200px, -600px);
  }
}
@keyframes spin-earth {
  to {
    transform: rotate(-1turn);
    transition: transform 20s;
  }
}
@keyframes move-astronaut {
  to {
    transform: translate(-160px, -160px);
  }
}
@keyframes rotate-astronaut {
  to {
    transform: rotate(-2turn);
  }
}
@keyframes glow-star {
  40% {
    -webkit-opacity: 0.3;
    opacity: 0.3;
  }
  90%,
  to {
    -webkit-opacity: 1;
    opacity: 1;
    transform: scale(1.2);
    border-radius: 999999px;
  }
}
.spin-earth-on-hover {
  transition: 200s ease !important;
  transform: rotate(-10turn) !important;
}
.stars {
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.stars h1 {
  font-weight: 300;
}
.btn-go-home {
  position: relative;
  z-index: 200;
  margin: 15px auto;
  width: 150px;
  padding: 10px 15px;
  border: 1px solid #f742aa;
  border-radius: 100px;
  font-weight: 400;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 11px;
  transition: all 0.3s ease-in;
}
.btn-go-home:hover {
  background-color: #f742aa;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
.central-body {
  padding: 17% 5% 10%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .central-body {
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }
}
.objects img {
  z-index: 90;
  pointer-events: none;
}
.object_rocket {
  z-index: 95;
  position: absolute;
  transform: translateX(-50px);
  top: 75%;
  pointer-events: none;
  animation: rocket-movement 200s linear infinite both running;
}
.object_earth {
  position: absolute;
  top: 20%;
  left: 15%;
  z-index: 90;
}
.object_moon {
  position: absolute;
  top: 12%;
  left: 25%;
}
.object_astronaut {
  animation: rotate-astronaut 200s linear infinite alternate both;
}
.box_astronaut {
  z-index: 110 !important;
  position: absolute;
  top: 60%;
  right: 20%;
  will-change: transform;
  animation: move-astronaut 50s linear infinite alternate both;
}
.image-404 {
  position: relative;
  z-index: 100;
  pointer-events: none;
}
.stars {
  background: url(/static/overlay_stars.svg);
  background-repeat: repeat;
  background-size: contain;
  background-position: 0 0;
}
.glowing_stars .star {
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
  width: 3px;
  height: 3px;
  opacity: 0.3;
  will-change: opacity;
}
.glowing_stars .star:first-child {
  top: 80%;
  left: 25%;
  animation: glow-star 2s ease-in-out 1s infinite alternate;
}
.glowing_stars .star:nth-child(2) {
  top: 20%;
  left: 40%;
  animation: glow-star 2s ease-in-out 3s infinite alternate;
}
.glowing_stars .star:nth-child(3) {
  top: 25%;
  left: 25%;
  animation: glow-star 2s ease-in-out 5s infinite alternate;
}
.glowing_stars .star:nth-child(4) {
  top: 75%;
  left: 80%;
  animation: glow-star 2s ease-in-out 7s infinite alternate;
}
.glowing_stars .star:nth-child(5) {
  top: 90%;
  left: 50%;
  animation: glow-star 2s ease-in-out 9s infinite alternate;
}
@media only screen and (max-width: 600px) {
  .navbar-links {
    display: none;
  }
  .custom-navbar {
    text-align: center;
  }
  .brand-logo img {
    width: 120px;
  }
  .box_astronaut {
    top: 70%;
  }
  .central-body {
    padding-top: 25%;
  }
}
.command__row {
  border: 1px solid transparent !important;
  transition: all 0.4s;
}
.active-command__row {
  border: 1px solid var(--purple) !important;
  background: linear-gradient(45deg, #5865f221, #9785ff12) !important;
  transition: all 0.5s;
}
.command__input {
  position: relative;
}
.command__input .fa-magnifying-glass {
  color: #8f8f92;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-20px, -50%);
}
.rtl .command__input .fa-magnifying-glass {
  right: auto;
  left: 0;
  transform: translate(20px, -50%) rotate(90deg);
}
.command__input input {
  outline: none;
  border: none;
  width: 100%;
  padding: 17px 22px;
  -webkit-padding-end: 3rem;
  padding-inline-end: 3rem;
  border-radius: 12px;
  background-color: var(--gray-4);
}
.command__input input::-moz-placeholder {
  color: #8f8f92;
}
.command__input input::placeholder {
  color: #8f8f92;
}
.commands__category-description {
  color: #8f8f92;
}
.commands-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 15px;
}
.command-card__container {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background-color: var(--gray-4);
  transition: all 0.4s;
}
.command-card__container.hidden {
  display: none;
}
.command-card__header {
  width: 100%;
  display: flex;
  gap: 16px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}
.command-card__header > div {
  gap: 16px;
  display: flex;
  align-items: flex-start;
}
.command-card__header > div svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.command-card__header__title {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.command-card__header__title span {
  color: #8f8f92;
  font-size: 14px;
}
.command-card__header__arrow-icon {
  color: #8f8f92 !important;
  transition: transform 0.4s;
}
.command-card__header__arrow-icon.opened-arrow {
  transform: rotate(180deg);
  transition: transform 0.4s;
}
.command-card__body {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.command-card__body > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 45%;
}
.command-card__body > div h5 {
  color: #8f8f92;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
.command-card__body > div p {
  white-space: pre;
  font-size: 13px;
}
.panel-wrapper {
  max-height: 500px;
}
.hidden-command,
.panel-wrapper {
  overflow: hidden;
  transition: all 0.8s ease;
}
.hidden-command {
  max-height: 1px;
}
.pricing-switcher-container {
  text-align: center;
}
.pricing-switcher-container .fieldset {
  display: inline-block;
  position: relative;
  padding: 2px 14px 2px 7px;
  background-color: var(--gray-2);
  border-radius: 50em;
  width: 305px;
}
.pricing-switcher-container input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.pricing-switcher-container label {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  width: 140px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #fff;
  font-size: 0.9rem;
}
.pricing-switcher-container label:last-of-type {
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
}
.rtl .pricing-switcher-container .pricing-switch {
  transform: translateX(0) !important;
}
.pricing-switcher-container .pricing-switch {
  transform: translateX(97px);
}
.pricing-switcher-container .right {
  transform: translateX(150px) !important;
}
.pricing-switcher-container .left {
  transform: translateX(0) !important;
}
.pricing-switcher-container .switch {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 40px;
  width: 150px;
  background-color: #5865f2;
  border-radius: 50em;
  transition: transform 0.4s;
}
.pricing-active:after {
  content: "1";
  padding: 10px;
  background-color: var(--purple);
}
.pricing-switcher-container.switcher__small .fieldset {
  width: 300px;
  height: 41px;
  padding: 0;
  justify-content: space-around;
  display: flex;
  align-items: center;
}
.pricing-switcher-container.switcher__small label {
  width: 85px;
  height: 37px;
  padding: 0 !important;
  font-size: 0.7rem;
}
.pricing-switcher-container.switcher__small .switch {
  width: 100px;
  height: 37px;
}
.pricing-switcher-container.switcher__small .right {
  transform: translateX(195px) !important;
}
.pricing-switcher-container.switcher__small .center {
  transform: translateX(95px) !important;
}
.pricing-card {
  text-align: center;
  padding: 25px;
  display: flex;
  flex-direction: column;
  background-color: var(--gray-4);
  border-radius: 15px;
  transition: box-shadow 0.3s;
  max-width: 360px;
  width: 100%;
  height: 100%;
  max-height: 450px;
  min-height: 420px;
}
div.pricing-card:hover {
  box-shadow: 0 10px 30px -10px var(--gray-4);
}
div.pricing-card.pricing-card-featured {
  min-height: 430px;
  background-color: rgba(106, 80, 255, 0.05);
  border: 3px solid var(--purple);
  transition: all 0.4s;
}
div.pricing-card div.pricing-card-header {
  display: flex;
  flex-direction: column;
}
.pricing-card-featured .pricing-card-header {
  height: 102px !important;
}
.pricing-card-featured div.pricing-card-footer {
  margin-bottom: -13px;
}
.rtl .pricing-card:nth-child(3) {
  margin: 0;
}
.pricing-title {
  line-height: 1.5;
  margin-top: 2rem;
}
.pricing-description,
.pricing-title {
  margin: 0 10px;
}
.rtl .pricing-switcher-container label:last-of-type {
  padding: 0;
}
.rtl .pricing-switcher-container label {
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}
div.pricing-card div.pricing-card-header span.pricing-card-contact,
div.pricing-card div.pricing-card-header span.pricing-card-price {
  font-weight: 700;
  margin-top: 12px;
  font-size: 30px;
}
div.pricing-card div.pricing-card-header span.pricing-card-best {
  color: var(--purple);
  margin-top: 6px;
  font-size: 12px;
}
div.pricing-card div.pricing-card-footer {
  display: flex;
  flex: 1;
}
div.pricing-card.pricing-card-featured div.pricing-card-footer a {
  background: #5865f2;
}
.pricing-card-header span.pricing-card-featured {
  font-size: 11px;
  letter-spacing: 1px;
}
.pricing-card p {
  width: 231px;
  height: 70px;
  color: #aeaeae;
  margin: auto;
}
.pricing-card ul {
  text-align: start;
  margin-top: 5px;
  width: auto;
}
.pricing-card li {
  margin-bottom: 6px;
}
.pricing-card a {
  outline: none;
  width: 100%;
  align-self: flex-end;
  background-color: var(--gray-2);
  border: 1px solid var(--gray-1);
  border-radius: 5px;
  padding: 10px 0;
  transition: opacity 0.2s;
}
.pricing-card a:hover {
  opacity: 0.8;
  transition: opacity 0.2s;
}
.pricing-card a.disabled {
  pointer-events: none;
  opacity: 0.75;
}
.pricing-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 1300px) {
  .pricing-container {
    flex-wrap: wrap;
  }
}
.pricing-card-features i {
  color: var(--icon-color);
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
}
@media screen and (max-width: 1199px) {
  .pricing-card:nth-of-type(2) {
    margin-right: 0;
  }
  .pricing-card:last-of-type {
    margin-top: 15px;
  }
}
@media screen and (max-width: 730px) {
  .pricing-card:first-of-type {
    margin-right: auto;
    margin-left: auto;
  }
  .pricing-card:nth-of-type(2) {
    margin-left: 15px;
  }
}
@media screen and (max-width: 655px) {
  .pricing-card {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .pricing-card {
    margin-top: 10px !important;
  }
  .pricing-card:first-of-type {
    margin-top: 0 !important;
  }
}
.select__menu {
  background-color: red !important;
}
#server-settings__form {
  display: flex;
}
#server-settings__form > div {
  width: 50%;
}
#server-settings__form > div:first-child {
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}
#server-settings__form > div:last-child {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}
@media screen and (max-width: 425px) {
  #server-settings__form {
    flex-direction: column;
  }
  #server-settings__form > div {
    width: 100%;
  }
  #server-settings__form > div:first-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    margin-bottom: 5px;
  }
  #server-settings__form > div:last-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    margin-top: 5px;
  }
}
.reset-settings-btn {
  background-color: var(--red);
  border: none;
  padding: 10px 14px;
  border-radius: 4px;
  cursor: pointer;
}
.reset-settings-btn:hover {
  opacity: 0.8;
}
.reset-settings-btn:focus {
  box-shadow: 0 0 0 5pt var(--hover-red);
  text-decoration-line: underline;
}
.cancel-btn {
  margin: 0 10px;
  border: none;
  background: none;
}
.cancel-btn:focus,
.cancel-btn:hover {
  text-decoration-line: underline;
}
.ReactModal__Content {
  overflow: hidden;
  background-color: var(--gray-4) !important;
  inset: unset !important;
  border: none !important;
}
.ReactModal__Body--open {
  overflow-y: hidden;
}
.bg-command {
  background-color: var(--command-bg) !important;
}
button[disabled] {
  cursor: not-allowed;
}
.footerbulitin {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.footerbulitin > a:hover {
  transition: color 0.2s;
  color: var(--purple);
  text-decoration-line: underline;
}
.sidebar-circle-icon {
  color: #888;
}
.no-guild {
  -webkit-margin-start: 8.8rem;
  margin-inline-start: 8.8rem;
}
.sketch-picker {
  position: absolute;
  z-index: 2;
}
.white-select select {
  background-color: var(--gray-1) !important;
}
code {
  color: var(--pink-code);
  -webkit-padding-end: 5px;
  padding-inline-end: 5px;
}
.make-scroll-modal {
  overflow: auto;
  position: fixed;
  inset: 0;
}
.unsaved__close-btn {
  background-color: var(--gray-3);
  outline: none;
  border: none;
  padding: 12px 28px;
  border-radius: 4px;
  transition: all 0.2s;
  line-height: unset;
}
.unsaved__close-btn:hover {
  background-color: var(--gray-4);
}
.unsaved__save-btn {
  background-color: var(--purple);
  outline: none;
  border: none;
  padding: 12px 28px;
  border-radius: 4px;
  transition: all 0.2s;
  cursor: pointer;
  text-align: center;
}
.unsaved__save-btn:hover {
  background-color: var(--hover-purple);
}
.dropdown__trigger {
  margin-top: -9.1px;
  display: block;
}
.rtl .dropdown__trigger {
  margin-top: -6.2px;
}
.dropdown__trigger .flag {
  margin: 0;
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}
.user-image {
  border-bottom: 3px solid var(--gray-2);
  margin-bottom: 0.5rem;
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s ease-in-out infinite both;
}
.spinner .bounce1 {
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
input {
  color: var(--white);
}
.btn-primary:disabled {
  background-color: var(--gray-1);
}
.swal2-popup.swal2-toast.swal2-show {
  max-width: 420px;
  padding: 0.8rem;
}
.swal2-popup.swal2-toast.swal2-show .swal2-title {
  font-weight: 500;
}
.noborderbottom td,
.noborderbottom th {
  border: none;
}
.leveling__table-head {
  height: 70px;
  vertical-align: middle !important;
}
.leveling__table {
  border-radius: 2em;
}
.leveling__table th {
  vertical-align: middle;
  padding: 1.5rem 0;
}
.table-border-bottom {
  border-bottom: 1px solid var(--bs-gray-dark);
}
.modal__custom-automod-body {
  display: flex;
  width: 95%;
  flex-direction: column;
  overflow: auto;
  max-height: 55vh;
  margin: auto auto 1rem;
  -webkit-padding-end: 0.5rem;
  padding-inline-end: 0.5rem;
}
.inputs-group-border {
  border: 2px solid var(--gray-1);
  border-radius: 14px;
}
.inputs-group-border input,
.inputs-group-border input:hover,
.inputs-group-border select,
.inputs-group-border select:hover {
  border: none !important;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.w-30 {
  width: 30% !important;
}
.min-w-30 {
  min-width: 30% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-70 {
  width: 70% !important;
}
.w-80 {
  width: 80% !important;
}
.w-95 {
  width: 95% !important;
}
.border-radius-24 {
  border-radius: 24px !important;
}
.border-radius-half {
  border-radius: 50% !important;
}
.height-233 {
  height: 233px !important;
}
.margin-0 {
  margin: 0 !important;
}
.premium-checkmark {
  position: absolute;
  left: -1px;
  height: 15px;
  width: 16px;
  background-color: #2f313600;
  border-radius: 50%;
  border: 1px solid var(--white);
}
.premium-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.rtl .premium-checkmark {
  left: unset;
  right: -1px;
}
.container input:checked ~ .premium-checkmark:after {
  display: block;
}
.container input:checked ~ .premium-checkmark {
  border: 1px solid var(--purple);
}
.container .premium-checkmark:after {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 9px;
  border-radius: 50%;
  background: var(--purple);
}
.cvv-check {
  width: 100px;
  height: 31px;
  display: inline;
}
.premium-type-radios-parent {
  display: flex;
  flex-direction: column;
}
.premium-type-radios-parent > div {
  background-color: var(--gray-3);
  padding: 15px;
  border-radius: 4px;
  margin: 5px 0;
  cursor: pointer;
  transition: all 0.1s ease-out;
  border: 1px solid transparent;
}
.premium-radio-input__active {
  background-color: var(--gray-2) !important;
  border: 1px solid #6a6a7b !important;
}
.premium-type-radios-parent > div:hover {
  background-color: #393943;
  transition: all 0.1s ease-in;
}
.premium-type-radios-parent > div > label {
  display: flex;
  justify-content: space-between;
  line-height: 20px;
}
.premium-type-radios-parent > div label span {
  font-size: 14px;
}
.premium-type-radios-parent > div p {
  color: #adadad;
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 0;
}
.premium-type-radios-parent .container {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #dbdbdb;
}
.premium-type-radios-parent .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.premium-type-radios-parent .container > div {
  -webkit-margin-start: -5px;
  margin-inline-start: -5px;
}
.custom-modal__body {
  overflow-x: hidden;
  max-height: 60vh;
  overflow-y: scroll;
  margin: 0.5rem;
  padding: 0 0.5rem 0.5rem;
}
.custom-modal__body::-webkit-scrollbar {
  width: 4px;
}
@media screen and (max-width: 769px) {
  .leveling__table tr th {
    min-width: 200px;
  }
  .full-width__select {
    width: 100% !important;
  }
  .premium-type-radios-parent button {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 800px) {
  .bg-modal .modalDram img {
    width: 60%;
  }
}
.first-tr-th-element {
  border-start-start-radius: 10px;
  -webkit-padding-start: 2rem !important;
  padding-inline-start: 2rem !important;
}
.last-tr-th-element {
  border-start-end-radius: 10px;
}
.text-align-end {
  text-align: end !important;
}
.fileinput-new {
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.fileinput-new:hover input {
  border: 1px solid var(--purple) !important;
}
.fileinput-new .fileupload {
  border-color: transparent !important;
}
.fileinput-new > input {
  width: 100%;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.fileupload {
  align-items: center;
  display: flex;
  justify-content: center;
  border-color: var(--hover-purple);
  gap: 0.5rem;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.fileupload,
.fileupload:hover {
  background-color: var(--purple);
  color: var(--white);
}
.fileupload > * {
  cursor: pointer !important;
}
.embed-fileinput {
  gap: 1rem;
}
.embed-fileinput .form-control {
  width: 100%;
  border-radius: 11px;
}
.embed-fileinput .fileupload {
  padding: 0 24px;
  border-radius: 0;
  border-radius: 11px;
}
.protection-nav {
  padding: 0;
}
.protection-nav > li {
  margin-top: 0.5rem;
}
.protection-nav > li,
.protection-nav > li button {
  width: 100%;
}
.protection-nav > li button {
  background-color: var(--gray-1);
  border: none;
  border-radius: 4px;
  text-align: start;
  padding: 1rem;
  transition: background 0.2s;
}
.protection-nav > li:hover button {
  background-color: var(--hover-purple);
  transition: background 0.2s;
}
.protection-nav > li.active button {
  background-color: var(--purple);
  border: none;
  border-radius: 4px;
  text-align: start;
  padding: 1rem;
}
.protection-crtl {
  margin: 0;
}
.protection-crtl .col-md-4 {
  padding: 0;
}
.protection-crtl .col-md-8 {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.protection-nav > li:last-child {
  margin-right: 0 !important;
}
.protection-tablist {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--gray-1);
  border-radius: 12px;
  overflow: hidden;
  height: 40px;
}
.protection-tablist > li button {
  background-color: var(--gray-1);
  border: none;
  border-radius: 12px;
  text-align: start;
  padding: 0.5rem 1rem;
  transition: background 0.2s;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .protection-tablist {
    width: 100%;
    height: 50px;
  }
  .protection-tablist > li {
    flex: 1;
    -moz-text-align-last: center;
    text-align-last: center;
  }
  .protection-tablist > li button {
    width: 100%;
  }
  .protection-crtl .panel-heading .pull-left {
    position: absolute;
    top: -60% !important;
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem;
  }
  .protection-tablist > li button {
    text-align: center !important;
  }
  .active-limit-icon {
    position: absolute;
    top: -60%;
    right: -20px;
  }
  .rtl .active-limit-icon {
    right: unset;
    left: -20px;
  }
  body.emoji-picker-open .confo {
    z-index: 8;
  }
}
.protection-tablist > li:hover button {
  background-color: var(--gray-2);
  transition: background 0.2s;
}
.protection-tablist > li.active button {
  background-color: var(--purple);
  border: none;
  border-radius: 12px;
  text-align: start;
  padding: 0.5rem 1rem;
}
.protection-tablist > li:last-child {
  margin-right: 0 !important;
}
.protection__delete-role {
  border: 1px solid var(--red);
  padding: 0.5rem 1rem;
  color: var(--red);
  transition: all 0.2s;
  border-radius: 12px;
  height: 40px;
}
.protection__delete-role,
.protection__delete-role span {
  background-color: transparent;
}
.protection__delete-role span i {
  color: var(--red);
  transition: all 0.2s;
}
.protection__delete-role:hover {
  background-color: var(--red);
}
.protection__delete-role:hover,
.protection__delete-role:hover span i {
  color: var(--white);
  transition: all 0.2s;
}
.protection-crtl .panel-dark {
  border: 0;
  border-radius: 24px;
  padding: 24px;
  background-color: var(--command-bg);
}
.protection-crtl .panel-heading {
  position: relative;
}
.protection-crtl .panel-heading .pull-left {
  position: absolute;
  top: 0;
}
.protection-crtl .panel-dark .pull-left {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.text-white {
  color: #fff !important;
}
.embed-container {
  margin-top: 1rem;
  padding: 24px;
  background-color: var(--command-bg);
  border-radius: 24px;
}
.text-color-white {
  color: #fff;
}
.embed-dropdown {
  padding-top: 0.6rem;
}
.embed-content-dropdown {
  max-height: 350px;
  overflow: auto;
  overflow-x: hidden;
  border: 0;
  margin-top: 1rem;
  background-color: var(--gray-1);
  border-radius: 12px;
  padding: 16px;
}
.embed-content-dropdown ul {
  padding: 0;
}
.embed-content-dropdown li {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  background: hsla(240, 5%, 46%, 0.5);
  border-radius: 12px;
  padding: 1rem;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin: 0.5rem auto;
  max-width: 190px;
  word-break: break-all;
}
.embed-content-dropdown li:hover {
  opacity: 0.8;
  background-color: hsla(240, 5%, 46%, 0.5);
  border: 0;
  border-radius: 12px;
}
.embed-content-dropdown li:first-child {
  margin-top: 0;
}
.bg-discord-dark,
.theme-dark .chat > .content,
.theme-dark .friends-table,
.theme-dark .messages-wrapper {
  background-color: var(--command-bg) !important;
}
.bg-discord-dark {
  border-radius: 24px !important;
}
.row-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.welcome-row {
  background-color: var(--command-bg);
  border-radius: 24px;
  padding: 1rem;
}
.welcome-row-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.welcome-row h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.welcomer-variables p {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.welcomer-send h5,
.welcomer-variables h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 1rem;
}
.welcomer-send,
.welcomer-variables {
  width: 100%;
}
.radio-item {
  display: inline-block;
  position: relative;
}
.radio-item input[type="radio"] {
  display: none;
}
.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid var(--purple);
  background-color: transparent;
}
.radio-item input[type="radio"]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 4px;
  content: " ";
  display: block;
  background-color: var(--purple);
}
.rtl .radio-item input[type="radio"]:checked + label:after {
  left: unset;
  right: 4px;
}
.welcomer-design-mode {
  display: flex;
  align-items: center;
}
.welcomer-design-mode > div {
  width: 100%;
  display: flex;
  gap: 1rem;
}
.welcomer-design-mode .radio-item input[type="radio"]:checked + label:after {
  top: 25px;
}
.welcomer-design-mode span {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.welcomer-design-mode .radio-item label {
  margin-top: 1rem;
  display: flex;
  align-items: baseline;
}
.welcomer-image__filter {
  padding: 0;
  margin-top: 1rem;
  display: flex;
  background-color: var(--gray-1);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 12px;
  flex-wrap: wrap;
}
.welcomer-image__filter li {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 12px;
  padding: 0.8rem 1rem;
  transition: all 0.2s;
}
.welcomer-image__filter li:hover {
  background-color: var(--gray-2);
  transition: all 0.2s;
}
.welcomer-image__filter li.active {
  background-color: var(--purple);
}
.welcomer-image__filter .iconify {
  font-size: 1.2rem;
}
.two-inputs-row {
  display: flex;
  gap: 1rem;
}
.two-inputs-row > * {
  width: 50%;
}
@media screen and (max-width: 660px) {
  .welcomer-design-mode {
    align-items: flex-start;
    flex-direction: column;
  }
  .welcomer-design-mode > div {
    flex-wrap: wrap;
    gap: 0;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
  .welcomer-design-mode .width-25 {
    width: 50%;
  }
  .welcomer-image__filter,
  .welcomer-image__filter li {
    width: 100%;
  }
  .two-inputs-row {
    flex-direction: column;
  }
  .two-inputs-row > * {
    width: 100%;
  }
}
.embed-buttons-container {
  margin: 0;
  gap: 0.8rem;
}
.embed-footer-buttons {
  flex-wrap: wrap;
}
@media screen and (max-width: 769px) {
  .welcomer__variables-send {
    display: flex;
    flex-direction: column;
    gap: 1rem !important;
  }
  .welcomer-send {
    margin-top: 0 !important;
  }
  .embed-footer-buttons > div:last-child .btn-green span,
  .embed-footer-buttons > div:last-child .btn-primary span {
    display: none;
  }
  .embed-footer-buttons .col-sm-auto {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .embed-buttons-container {
    align-content: center;
  }
}
.animate__shakeX {
  overflow: hidden;
}
.message-group .accessory {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.message-group .accessory::-webkit-scrollbar {
  display: none;
}
.confirm-modal {
  width: 100%;
}
.confirm-modal h3 {
  margin: 0 !important;
  font-size: 1.25rem;
  text-transform: capitalize;
  font-weight: 700;
}
.confirm-modal p {
  color: #a5a5a8;
  padding: 20px;
}
.confirm-modal > div:last-child {
  background-color: var(--gray-3);
  padding: 15px 14px;
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 8px 8px;
}
.confirm-modal > div:last-child button {
  border: none;
  border-radius: 4px;
  padding: 13px 25px;
  -webkit-margin-start: 15px;
  margin-inline-start: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.confirm-modal > div:last-child button:first-child {
  background-color: transparent;
  transition: background 0.2s;
}
.confirm-modal > div:last-child button:first-child:hover {
  background-color: #39394391;
  transition: background 0.2s;
}
.confirm-modal > div:last-child button:last-child {
  background-color: #ff5050;
  transition: background 0.2s;
}
.confirm-modal > div:last-child button:last-child:hover {
  background-color: #ff5050ab;
  transition: background 0.2s;
}
.no-server-found {
  cursor: pointer;
  background-color: var(--gray-3);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}
.no-server-found .iconify {
  color: var(--purple);
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.select-embed-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
}
.select-embed-container img {
  max-width: 400px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  margin-top: 5rem;
  opacity: 0.4;
}
.command-card {
  padding-bottom: 10px;
}
.command-card-body,
.helpcommand .panel-heading {
  padding: 1rem;
  border-radius: 14px;
  color: var(--bs-gray);
  font-weight: 900;
}
.helpcommandLT {
  color: var(--white);
  font-weight: 900;
}
.helpcommand {
  border-radius: 14px;
}
.commands-pills {
  display: flex;
  padding: 0;
  gap: 5px;
  border-bottom: 1px solid #1d1e28;
}
.commands-pills::-webkit-scrollbar {
  display: none;
}
.commands-pills {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.commands__header {
  margin-bottom: 5rem;
}
.commands__header > div:first-child {
  padding-top: 80px;
  margin-bottom: 2rem;
}
.commands__header > div:first-child * {
  text-align: center !important;
}
.btn-commands-category {
  color: #8d91a9;
  padding: 12px 28px;
  border-radius: 0;
  border: 0;
}
.btn-commands-category:hover {
  color: #fff;
}
.btn-commands-category.active {
  color: #fff;
  background-image: linear-gradient(0deg, #593cff46 -234.79%, #4666e700 80%);
  border-bottom: 1px solid #593cffce;
}
.command-card.hidden {
  display: none;
}
.helpcommandLT {
  margin-bottom: 0;
}
.youtube-image {
  background: linear-gradient(
      179.17deg,
      hsla(0, 85%, 68%, 0.19) 0.71%,
      #302929 99.29%
    ),
    url(https://probot.media/GlkR8Hj5qY.png) !important;
  background-color: #252525 !important;
}
.trovo-image {
  background: linear-gradient(
      179.17deg,
      rgba(37, 117, 94, 0.25) 0.71%,
      #29302e 99.29%
    ),
    url(https://probot.media/E7FQv74iis.png) !important;
  background-color: #088e65 !important;
}
.reddit-image {
  background: linear-gradient(
      179.17deg,
      rgba(37, 117, 94, 0.25) 0.71%,
      #2c2725 99.29%
    ),
    url(https://probot.media/7a9RrIdizh.jpg) !important;
  background-color: #fe4502 !important;
}
.header-image {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
      179.17deg,
      rgba(153, 105, 243, 0.19) 0.71%,
      #292930 99.29%
    ),
    url(https://probot.media/u9Xh4rntmv.png);
  background-repeat: no-repeat !important;
  background-color: #5d399d;
  height: 12rem;
  width: 100%;
  position: absolute;
  top: 53px;
  left: 345px;
  opacity: 0.5;
  background-size: contain !important;
}
.header-image,
.rtl .header-image {
  transition: all 0.5s cubic-bezier(0.52, -0.12, 0.21, 1.1);
}
.rtl .header-image {
  left: 0;
  right: 345px;
}
@keyframes NotificationsRowAnimation {
  0% {
    transform: translateY(-30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.notifications-row {
  animation: NotificationsRowAnimation 0.2s ease;
  display: flex;
  flex-direction: column;
  background-color: var(--gray-4);
  padding: 24px;
  border-radius: 24px;
  margin-bottom: 8px;
}
.notifications-row:first-child {
  z-index: 1;
}
.notifications-row > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notifications-row h1 {
  display: flex;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.notifications-row p {
  display: flex;
  word-break: break-all;
  margin: 8px 0 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #bebec0;
}
.edit-notifications-row {
  margin-top: 0;
  overflow: hidden;
  max-height: 1px;
  transition: max-height 0.2s ease, margin 0.2s ease;
}
.edit-notifications-row .easy-embed {
  width: 100%;
  max-width: unset;
  padding: 0;
  background-color: unset;
  gap: 6px;
}
.edit-notifications-row__opened {
  margin-top: 17px;
  overflow: unset;
  max-height: 1600px;
  transition: max-height 0.2s ease, margin 0.2s ease;
}
.custom-page-title {
  position: relative;
  z-index: 2;
}
.custom-page-title > div:first-child {
  border: 0;
}
.youtube-select-notifications_type {
  right: unset;
  left: unset;
  background-color: var(--gray-1);
  max-width: 187px;
  width: 100%;
  min-width: unset;
  border: 0;
  margin-top: 2px;
  border-radius: 12px;
  padding: 0;
}
.youtube-select-notifications_type ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.youtube-select-notifications_type ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 12px;
}
.youtube-select-notifications_type ul li:hover {
  background-color: var(--gray-2);
  border-radius: 12px;
}
.rtl .youtube-select-notifications_type {
  left: unset !important;
}
.overflow-hidden {
  overflow: hidden;
}
.leveling_rewarded_role {
  background-color: var(--gray-1) !important;
}
.leveling_rewarded_role option {
  color: #fff !important;
}
.z-index-2 {
  z-index: 2;
}
@keyframes dashboard-container-after {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.rtl .fa-chevron-left,
.rtl .fa-chevron-right {
  transform: rotateY(180deg);
}
.autocomplete-list > div {
  color: #000;
  z-index: 9;
  font-size: 14px;
}
@media screen and (max-width: 426px) {
  .welcome-editor,
  .welcome-editor > div,
  .welcome-editor > div > div,
  .welcome-editor > div > div > div {
    width: 100% !important;
  }
  .welcome-editor .konvajs-content canvas {
    -o-object-fit: contain !important;
    object-fit: contain !important;
    width: 100% !important;
  }
  .landing-social-media {
    justify-content: flex-start !important;
    gap: 2rem !important;
  }
  .favfooter {
    margin-top: 0;
  }
  .actions-button {
    gap: 0.5rem;
  }
  .bg-modal .modalDram img {
    width: 90%;
  }
  .bg-price-modal-footer {
    padding: 1rem;
  }
  .bg-price-modal-footer h5 {
    margin: 0;
    font-size: 1rem;
  }
}
.drag-area {
  opacity: 0.2;
  background-color: #1e273f;
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 30px;
  top: calc(50% - 150px);
  left: calc(50% - 150px);
}
.spin-saving-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: #04040526;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spin-saving-icon i {
  height: -moz-fit-content;
  height: fit-content;
  animation: fa-spin 1s cubic-bezier(0.81, 0.01, 0.38, 0.95) infinite;
}
.no-results-found {
  background-color: var(--command-bg);
  margin: 0;
  padding: 1rem 0;
  border-radius: 0 0 10px 10px;
}
.leveling_add_role_reward {
  flex-wrap: wrap;
  grid-row-gap: 1rem;
}
.rtl .me-3 {
  margin-left: 1rem !important;
  margin-right: unset !important;
}
.rtl .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important;
}
.rtl .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important;
}
.rtl .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important;
}
.rtl .me-auto {
  margin-left: auto !important;
  margin-right: unset !important;
}
.rtl .ms-auto {
  margin-right: auto !important;
  margin-left: unset !important;
}
.subscription-avatar {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
  object-fit: cover;
  top: 4px;
}
.update-subscription-avatar .subscription-avatar {
  width: 56px;
  height: 56px;
}
.subscription-bot-avatar {
  border-radius: 50%;
  width: 19px;
  height: 19px;
  margin-bottom: -5px;
}
.manage-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-inline: 7px;
}
.manage-cards > div {
  padding: 0.9rem;
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  cursor: pointer;
  background-color: var(--gray-4);
  border-radius: 4px;
  position: relative;
  outline: 2px solid transparent;
  transition: all 0.2s ease-out;
}
.manage-cards > div:hover {
  background-color: var(--gray-3);
}
.manage-cards > div > div {
  max-width: 250px;
}
.manage-cards > div > * {
  flex: 1;
}
.manage-cards > div .checkbox-custom {
  display: none;
}
.manage-cards .manage-cards--active .checkbox-custom {
  display: flex;
  box-shadow: none;
  background-color: var(--purple);
  padding-left: 0.325rem;
  border: none;
  margin-top: -10px;
  margin-right: -8px;
  cursor: pointer;
  width: 23px;
  height: 23px;
  max-width: 23px;
  min-width: 23px;
  border-radius: 50%;
  transition: all 0.3s;
  position: absolute;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
}
.checkbox-custom svg {
  position: relative;
  right: 2px;
}
.manage-cards .manage-cards--active {
  transition: all 0.2s ease-in;
  background-color: #262630;
  outline: 1px solid var(--purple);
}
.manage-cards > div .price {
  max-width: 120px;
  color: #70707c;
}
.manage-cards > div .price b {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.cards-title {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: space-between;
}
.protection-roles-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 8px;
}
.protection-roles-list li button {
  background-color: transparent;
  border-radius: 12px;
  border: 2px solid var(--gray-1);
  height: 35px;
  padding: 0 1rem;
  transition: border 0.3s;
}
.protection-roles-list .active button {
  border-color: var(--purple);
  background-color: var(--purple);
  transition: all 0.3s;
}
.protection-roles-list li button:focus {
  border: 2px solid var(--purple);
}
.active-limit-icon {
  cursor: pointer;
  background: var(--gray-2);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: grid;
  place-content: center;
  font-size: 15px;
}
.alert-box {
  position: fixed;
  bottom: clamp(5px, 3.5vw, 25px);
  right: clamp(10px, 3.5vw, 25px);
  max-width: 300px;
  width: 100%;
  min-height: 200px;
  background-color: var(--gray-2);
  border-radius: 8px;
}
.rtl.alert-box {
  left: 25px;
  right: unset;
}
.alert-box.open {
  min-height: 15px;
  height: 50px;
}
.alert-box .alert-box__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--gray-1);
  padding: 1rem;
}
.alert-box .alert-box__header > div {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.alert-box .alert-box__body {
  padding: 1rem;
}
.alert-box .alert-box__actions {
  display: flex;
  gap: 1rem;
  padding: 0 1rem 1rem;
}
.alert-box .alert-box__actions button {
  flex: 1;
}
.alert-box.open .alert-box__header {
  border: 0;
}
.alert-box.open .alert-box__body {
  transform: translateY(0);
  display: none;
}
.alert-box.open .alert-box__actions {
  display: none;
  padding: 0;
}
.available-credit {
  outline: 1px solid var(--gray-1);
  background-color: var(--gray-3);
  border-radius: 11px;
  font-size: 1rem;
  overflow: hidden;
}
.available-credit label {
  width: 100%;
  padding: 0.5rem;
  background-color: var(--gray-2);
  border-bottom: 1px solid var(--gray-1);
}
.available-credit span {
  padding: 0.9rem;
}
.paymentHistory-child-m-width > * {
  min-width: 150px;
}
#premium_bot_status {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  min-height: 5.1rem !important;
}
#premium_bot_status_type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.update-subscription-avatar {
  display: flex;
  align-self: flex-start;
  width: 13%;
}
@media screen and (max-width: 800px) {
  .update-subscription-avatar {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
  }
  .manage-cards {
    margin-top: 1rem;
  }
}
.update-subscription-avatar label {
  position: relative;
  cursor: pointer;
  height: 50px;
}
.update-subscription-avatar label i {
  position: absolute;
  color: var(--gray-2);
  background-color: #d9d9d9;
  padding: 5px;
  border-radius: 50%;
  top: 0;
  right: -5px;
  font-size: 12px;
}
.update-subscription-avatar label span {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 55px;
  background-color: #00000099;
  font-weight: 500;
  border-radius: 50%;
  opacity: 0;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.update-subscription-avatar .progress-ring {
  position: absolute;
}
.update-subscription-avatar .progress-ring__circle {
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.update-subscription-avatar label:hover span {
  opacity: 1;
}
@keyframes pulse-animation {
  0% {
    stroke-width: 5;
  }
  50% {
    stroke-width: 15;
  }
  to {
    stroke-width: 5;
  }
}
.status-payment-card svg .pulse-animation {
  animation: pulse-animation 3s infinite alternate;
}
.status-payment-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.status-payment-card .message {
  color: #878787;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.status-payment-card .message span {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display: block;
}
.follow-popup {
  margin: 3rem auto;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
}
.checkout-loading > div {
  margin: 6rem auto;
}
.previous-price {
  font-size: 1rem;
  text-decoration: line-through;
  color: var(--red);
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.checkout-price {
  font-size: 2rem;
  margin-bottom: 0;
}
.flexbox-fix input {
  color: var(--gray-1);
  font-weight: 500;
}
.flexbox-fix label {
  text-align: unset !important;
}
.recharts-responsive-container {
  direction: ltr;
}
.flex-warp {
  flex-wrap: wrap;
}
.rc-slider-handle {
  width: 10px !important;
  height: 24px !important;
  border-radius: 3px !important;
  background-color: #fff !important;
  border: 1px solid #dcddde !important;
  box-shadow: 0 3px 1px 0 rgb(0 0 0/5%), 0 2px 2px 0 rgba(0, 0, 0, 0.1),
    0 3px 3px 0 rgb(0 0 0/5%) !important;
  cursor: ew-resize !important;
  opacity: unset !important;
}
.rc-slider-rail {
  background-color: #4f545b !important;
}
.rc-slider-rail,
.rc-slider-track {
  height: 8px !important;
  border-radius: 4px !important;
  margin-top: 3px !important;
}
.rc-slider-track {
  background-color: #5865f2 !important;
}
.fa-angle-down {
  color: var(--red);
}
.fa-angle-up {
  color: var(--green);
}
.pagination-input {
  font-size: 0.8rem;
}
.pagination-input::-moz-placeholder {
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.pagination-input::placeholder {
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.landing-social-media {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.landing-social-media,
.landing-social-media .icons {
  display: flex;
  gap: 3rem;
  align-items: center;
}
.Showcase__style__handle {
  position: relative;
  top: 1px;
  display: block;
  min-width: 18px;
  max-width: 18px;
  height: 11px;
  opacity: 0.7;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  cursor: row-resize;
  background: linear-gradient(
    180deg,
    var(--text-color),
    var(--text-color) 20%,
    #fff0 0,
    #fff0 40%,
    var(--text-color) 0,
    var(--text-color) 60%,
    #fff0 0,
    #fff0 80%,
    var(--text-color) 0,
    var(--text-color)
  );
  transition: opacity 0.2s ease-in-out;
}
.Showcase__style__handle:hover {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.Showcase__style__handle--dots {
  cursor: move !important;
  background: unset;
  border: unset;
}
.list-style-none {
  list-style: none;
}
.assign-role-container {
  background-color: var(--command-bg);
  padding: 24px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  animation: fadeInUpCard 0.5s;
}
.assign-role-container > div:first-child {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.emoji-alert-box {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--hover-purple-low-opacity);
  border: 3px solid var(--purple);
  border-radius: 15px;
  padding: 14px;
}
.emoji-alert-box img {
  position: absolute;
  max-width: 110px;
  max-height: 130px;
}
.emoji-alert-box > div {
  -webkit-margin-start: 7.5rem;
  margin-inline-start: 7.5rem;
}
.emoji-alert-box > div a {
  font-style: italic;
  text-decoration: underline;
}
.emoji-alert-box h3 {
  font-weight: 700;
  font-size: 18px;
}
.emoji-alert-box p {
  margin: 0;
  color: #e7e7e7;
  font-weight: 500;
  font-size: 14px;
}
.subscription-user__info {
  display: flex;
  align-items: center;
  gap: 5px;
}
.subscription-user__info img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.search-twitch-name {
  position: relative;
}
.search-twitch-name i {
  position: absolute;
  top: 35%;
  right: 15px;
}
.rtl .search-twitch-name i {
  right: unset;
  left: 15px;
}
.divider {
  border-left: 2px solid var(--gray-2);
  height: 100%;
}
.reactions-type {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.reactions-type > label:first-child {
  border-radius: 4px 0 0 4px;
}
.reactions-type > label:last-child {
  border-radius: 0 4px 4px 0;
}
.rtl .reactions-type > label:last-child {
  border-radius: 4px 0 0 4px;
}
.rtl .reactions-type > label:first-child {
  border-radius: 0 4px 4px 0;
}
.reactions-type > label {
  position: relative;
  cursor: pointer;
  outline: 1px solid var(--gray-1);
  background-color: var(--gray-2);
  padding: 10px 28px;
  transition: all 0.1s ease-in;
  font-weight: 400;
}
.reactions-type > label:hover {
  background-color: var(--gray-1);
}
.reactions-type > label.active {
  transition: all 0.1s ease-in-out;
  background-color: var(--purple);
  outline: 1px solid #8993f8;
}
.reactions-type > label input {
  display: none;
}
.rtl .reactions-type > label {
  left: unset;
  right: 0;
}
.reaction-role-form hr:not(.settings) {
  margin: 2rem 0;
  background: var(--gray-1);
  border: 0;
  height: 2px;
  border-radius: 5px;
}
@media screen and (max-width: 550px) {
  .reactions-type > label {
    display: flex;
    align-items: center;
    padding: 10px 16px;
  }
  .Showcase__style__handle--dots {
    padding: 0;
  }
  .Showcase__style__handle--dots svg {
    width: 10px;
    height: 10px;
  }
}
.emoji-picker-container__reaction {
  left: 0 !important;
  right: 160px !important;
}
.rtl .emoji-picker-container__reaction {
  left: 160px !important;
  right: 0 !important;
}
.easy-embed {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 16px;
  background-color: var(--command-bg);
}
.easy-embed hr {
  background-color: var(--gray-2);
  border: 0;
  height: 2px;
  margin-block: 16px;
}
.toggle-buttons {
  display: flex;
  padding: 4px;
  border-radius: 11px;
  background-color: var(--gray-3-4);
  max-width: 235px;
  width: 100%;
  height: 45px;
}
.toggle-buttons > button {
  flex: 1;
  border-radius: 8px;
  color: var(--gray-0);
  background-color: unset;
  border: 0;
}
.toggle-buttons > button.active {
  color: var(--white);
  background-color: var(--purple);
}
.easy-embed .textarea-container {
  position: relative;
  background: var(--gray-4);
  padding: 12px 13px;
  border-radius: 4px;
}
.easy-embed .textarea-container textarea {
  width: 100%;
  outline: none;
  background: transparent;
  border: 0;
  color: var(--white);
}
.easy-embed .textarea-container textarea::-moz-placeholder {
  color: var(--hover-gray-1);
}
.easy-embed .textarea-container textarea::placeholder {
  color: var(--hover-gray-1);
}
.easy-embed .length {
  font-size: 12px;
  color: var(--hover-gray-1);
  display: flex;
  justify-content: flex-end;
}
.easy-embed .embed {
  padding: 16px;
  max-width: 670px;
  width: 100%;
  background: var(--gray-3);
  -webkit-border-start: 3px solid;
  border-inline-start: 3px solid;
  border-radius: 4px;
}
.easy-embed .embed .embed__header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.embed .embed__body__fields .change-image-url {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 489px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 2px dashed var(--gray-1);
  border-radius: 11px;
}
.embed .embed__body__fields .change-image-url .uploaded-file-container,
.embed .embed__body__fields .change-image-url > div {
  border-radius: inherit;
}
.embed .embed__body__fields .change-image-url .uploaded-file-container {
  display: flex;
}
.change-image-url img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  border-radius: inherit;
}
.easy-embed .colors-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.easy-embed .colors-list .color-picker {
  position: relative;
  -webkit-padding-start: 7px;
  padding-inline-start: 7px;
}
.easy-embed .colors-list .color-picker > span {
  cursor: pointer;
}
.easy-embed .colors-list .color-picker:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background-color: var(--gray-1);
}
.rtl .easy-embed .colors-list .color-picker:before {
  left: unset;
  right: 0;
}
.easy-embed .colors-list .color {
  position: relative;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.easy-embed .colors-list .color.active:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--backgroundColorPicker);
}
.easy-embed .colors-list .color.active:before {
  content: "✓";
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 11px;
}
.easy-embed .embed__dropdown-files {
  cursor: pointer;
}
.easy-embed .embed__dropdown-files label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.easy-embed .embed__dropdown-files.change-image-url:not(:has(img)) label {
  height: 100px;
}
.easy-embed .embed__dropdown-files.thumbnail {
  flex: 1 1 150px;
  max-width: 72px;
  height: 72px;
  outline: 2px dashed var(--gray-1);
  border-radius: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.easy-embed .embed__dropdown-files.thumbnail .uploaded-file-container,
.easy-embed .embed__dropdown-files:has(.uploaded-file-container) > div {
  height: 100%;
}
.easy-embed .embed__dropdown-files.thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 11px;
}
.easy-embed .color-picker-author-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.easy-embed .color-picker-author-info .author-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.easy-embed .change-author-avatar {
  position: relative;
  border-radius: 50%;
  outline: 2px dashed var(--gray-1);
}
.easy-embed .change-author-avatar,
.easy-embed .change-author-avatar .uploaded-file-container {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.easy-embed .change-author-avatar .uploaded-file-container img {
  flex: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.easy-embed .uploaded-file-container {
  position: relative;
}
.easy-embed .uploaded-file-container button {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 9px;
  border: 0;
  background-color: var(--red);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.drag-drop-files {
  height: 24px;
}
.easy-embed .color-picker-author-info,
.easy-embed .embed__body {
  max-width: 489px;
}
.easy-embed .switch-inline {
  width: 80px;
  display: flex;
  align-items: center;
  background-color: var(--gray-4);
  height: 42px;
  border-radius: 11px;
  padding: 3px 5px;
  gap: 3px;
}
.easy-embed .switch-inline button {
  flex: 1;
  border: 0;
  background: transparent;
  height: 33px;
  width: 33px;
  display: grid;
  place-items: center;
  color: var(--hover-gray-1);
  border-radius: 8px;
}
.easy-embed .switch-inline button:hover {
  background-color: var(--gray-3);
}
.easy-embed .switch-inline button svg path,
.easy-embed .switch-inline button:hover svg path {
  stroke: var(--hover-gray-1);
}
.easy-embed .switch-inline button.active {
  color: var(--white);
  background-color: var(--purple);
}
.easy-embed .switch-inline button.active svg path {
  stroke: var(--white);
}
.easy-embed .field-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.delete-button-alt {
  border: 0;
  outline: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  font-size: 1rem;
  background-color: #ed4c5c10;
  color: var(--red);
}
.input-error input,
.textarea-error textarea {
  border: 1px solid var(--red);
}
.input-error .message,
.textarea-error .message {
  color: #ff8389;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.32px;
}
.store-modal.ReactModal__Content {
  width: 500px;
}
@media screen and (max-width: 500px) {
  .easy-embed .sketch-picker {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.rc-tooltip.pb-tooltip {
  opacity: 1;
  font-size: 14px;
}
.pb-tooltip .rc-tooltip-inner {
  max-width: 300px;
  padding: 12px 16px;
  background-color: var(--gray-5);
  color: var(--bs-gray-200);
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.42);
  border-radius: 4px;
  line-height: 20px;
  unicode-bidi: plaintext;
}
.rc-tooltip-inner {
  background-color: #000 !important;
  opacity: 1 !important;
}
.rc-tooltip-arrow {
  border-top-color: #000 !important;
}
.pb-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow,
.pb-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.pb-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 0;
  margin-left: -10px;
  border-width: 10px 10px 0;
}
.status_select {
  background-color: #292930;
  border-radius: 10px;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  width: 51%;
}
.status_tag {
  color: #6c757d;
  font-weight: 500;
  position: relative;
  top: 0.5rem;
}
.status__icons {
  justify-content: space-between;
  width: 25%;
  margin-left: -1rem;
}
.status_icon {
  background-color: transparent;
  border-radius: 50%;
  position: relative;
  width: 17px;
  height: 17px;
  min-width: 17px;
  min-height: 17px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-left: 1rem;
}
.online {
  background-color: #43b581;
}
.idle {
  background-color: #fba71b;
}
.dnd {
  background-color: #ef4747;
}
.active__online {
  outline: 3px solid rgba(67, 181, 130, 0.42);
}
.active__idle,
.active__online {
  transition: all 0.2s ease-in-out;
}
.active__idle {
  outline: 3px solid rgba(245, 178, 62, 0.42);
}
.active__dnd {
  outline: 3px solid rgba(240, 72, 72, 0.42);
  transition: all 0.2s ease-in-out;
}
.check_active:after {
  content: "✔";
  position: absolute;
  left: 52%;
  top: 20%;
  bottom: 40%;
  width: 50%;
  font-size: 12px;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  font-weight: 700;
}
@media screen and (max-width: 1162px) {
  .status_select {
    width: 100%;
  }
}
.select__label {
  margin-left: 0.5rem;
}
.welcomer-template-modal {
  max-width: 757px;
}
.welcomer-template-modal .modal-body {
  overflow: auto;
  max-height: 500px;
}
.welcomer-template-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.welcomer-template {
  align-items: center;
  flex: 1 1 344.5px;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
  gap: 1rem;
}
.welcomer-template > div {
  padding-inline: 1rem;
  border: 1px solid #393943;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.welcomer-template > div > div {
  max-width: 300px;
  height: 120px;
  width: 100%;
}
.welcomer-template .konvajs-content canvas {
  position: unset !important;
}
.welcomer-template button.btn-primary {
  border-radius: 4px;
  width: 100%;
}
.welcomer-template > div .konvajs-content,
.welcomer-template > div .konvajs-content canvas {
  width: 100% !important;
  height: auto !important;
}
.header__subscription {
  background-color: var(--gray-4);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.header__sub {
  transition: all 0.2s ease-out;
}
.header__sub:hover {
  background-color: var(--gray-4);
  border-radius: 8px;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.tier__badge {
  background: rgba(246, 184, 91, 0.1);
  color: #f6b85b;
  border-radius: 4px;
  font-weight: 700;
  line-height: 9px;
  position: relative;
  bottom: 2px;
}
.tier__badge_low {
  background: rgba(148, 150, 176, 0.1);
  color: #9496b0;
  bottom: 0;
  font-size: 11px !important;
}
.text-low-gray {
  color: #a5a5a8;
}
.btn__outlined {
  color: #fff;
  border-radius: 8px;
  background-color: transparent !important;
  border: 1px solid #434350 !important;
  padding: 9px 16px;
}
.btn__outlined:hover {
  color: #fff;
  border: 1px solid #565662 !important;
}
.line_sperater {
  background-color: var(--gray-1);
  width: 2px;
  height: 23px;
  position: relative;
  top: 0.6rem;
  margin-left: 0.5rem;
}
.btn-arrow {
  background-color: transparent;
  border: none;
  position: relative;
  bottom: 2px;
}
.section__premium__title {
  color: #8f929f;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  left: 5px;
}
.cancel_sub_button {
  background-color: hsla(240, 5%, 46%, 0.09);
  color: #9292a0;
  position: relative;
}
.cancel_sub_button,
.cancel_sub_button_active {
  border-radius: 4px;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 14px;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.cancel_sub_button_active {
  background: rgba(88, 101, 242, 0.1);
  color: #caceff;
}
@media screen and (max-width: 800px) {
  .cancel_sub_button {
    top: 0;
  }
}
.status__icon {
  position: absolute;
  border-radius: 50%;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  margin-bottom: -0.5rem;
  margin-right: -0.4rem;
  display: flex;
  align-items: center;
  background-color: #25252c;
}
.cyber__ad {
  width: 100%;
  height: 105px;
  border-radius: 24px;
  background-image: url(https://media.discordapp.net/attachments/409787900431958048/1058128994739961876/Frame_2_2_1.png);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #1e1e20;
}
@media screen and (max-width: 800px) {
  .cyber__ad {
    background-size: 95% 100%;
  }
}
.ReactModal__Content.bg-modal.transfer-modal {
  max-width: 590px !important;
  width: 100% !important;
}
.ReactModal__Content.bg-modal.transfer-modal .Modalhead {
  border-color: var(--gray-1);
}
.memberships__modal-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.memberships__modal-head h5 {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
.memberships__modal-head p {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--hover-gray-1);
  white-space: pre-wrap;
}
.memberships__form-space .body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 24px;
}
.memberships__form-space .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 24px;
  border-top: 1px solid var(--gray-1);
}
.memberships__form-space .actions button {
  border-radius: 4px;
  padding: 12px 28px;
  transition: outline 0.2s ease-in;
  outline-color: var(--purple);
  outline-offset: 3px;
}
.memberships__form-space .actions button:focus {
  transition: outline 0.1s ease-in;
  outline: 2px solid var(--purple);
  outline-offset: 3px;
}
.memberships__form-space .actions button.btn-danger {
  background: var(--red);
  color: var(--white);
}
.otp-container {
  display: flex;
  gap: 8px;
}
.otp-container input {
  flex: 1 1 0;
  width: 100%;
  border: 1.2px solid #292930;
  border-radius: 4px;
  background: #1b1b21;
  height: 53px;
  text-align: center;
}
.memberships__form-space .body.memberships__transfer {
  flex-direction: row;
  gap: 14px;
  align-items: center;
}
.memberships__transfer .memberships__new-account,
.memberships__transfer .memberships__old-account {
  display: flex;
  flex: 1 1 249px;
  gap: 12px;
}
.memberships__transfer .memberships__new-account > img,
.memberships__transfer .memberships__old-account > img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.memberships__transfer .memberships__old-account {
  border: 1px dashed var(--gray-2);
  border-radius: 4px;
  padding: 12px;
}
.memberships__transfer .memberships__new-account {
  border: 1px solid var(--gray-2);
  background-color: var(--gray-3);
  border-radius: 4px;
  padding: 12px;
}
.memberships__transfer .memberships__new-account > div,
.memberships__transfer .memberships__old-account > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.memberships__transfer .memberships__new-account > div h5,
.memberships__transfer .memberships__old-account > div h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.memberships__transfer .memberships__new-account > div p,
.memberships__transfer .memberships__old-account > div p {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: var(--hover-gray-1);
}
[data-r-onboarding-wrapper] [data-popper-arrow]:before {
  content: "";
  background: var(--purple);
  top: 0;
  left: 0;
  transition: transform 0.2s ease-out, visibility 0.2s ease-out;
  visibility: visible;
  transform: translateX(0) rotate(45deg);
  transform-origin: center;
  width: var(--r-onboarding-step-arrow-size, 10px);
  height: var(--r-onboarding-step-arrow-size, 10px);
  position: absolute;
  z-index: -1;
}
[data-r-onboarding-wrapper]
  [data-popper-placement^="top"]
  > [data-popper-arrow] {
  bottom: 5px;
}
[data-r-onboarding-wrapper]
  [data-popper-placement^="right"]
  > [data-popper-arrow] {
  left: 90% !important;
  transform: unset;
}
[data-r-onboarding-wrapper]
  [data-popper-placement^="bottom"]
  > [data-popper-arrow] {
  top: -4px;
}
[data-r-onboarding-wrapper] [data-popper-placement^="bottom"] {
  inset: 30px auto auto 0 !important;
}
[data-r-onboarding-wrapper]
  [data-popper-placement^="left"]
  > [data-popper-arrow] {
  right: -4px;
}
#show-onboarding {
  position: absolute;
  top: -20px;
  right: 5px;
  z-index: 1;
  width: 25px;
  height: 25px;
}
.rtl #show-onboarding {
  left: 5px;
  right: unset;
}
.onboarding-container {
  padding: 16px;
  max-width: 300px;
  border-radius: 8px;
  background-color: var(--purple);
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.onboarding-container img {
  width: 100%;
}
.onboarding-container .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.onboarding-container .content .content-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.onboarding-container .content .content-text h3 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.01em;
}
.onboarding-container .content .content-text p {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: var(--white);
  opacity: 0.7;
}
.onboarding-container .content button {
  border: 0;
  outline: none;
  width: 264px;
  height: 42px;
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 4px;
}
.modal__checkout {
  border-radius: 4px !important;
  position: relative;
  height: -moz-max-content;
  height: max-content;
}
.checkout_modal_head {
  float: right;
  width: 7%;
}
.review__container {
  background-color: #18181d;
  height: 60vh;
  padding: 2rem 1.4rem;
}
@media screen and (max-width: 1464px) {
  .modal__checkout {
    width: 70% !important;
  }
  .review__container {
    height: 70vh !important;
  }
}
@media screen and (max-width: 1400px) {
  .review__container {
    height: 90vh !important;
  }
}
@media screen and (max-width: 950px) {
  .review__container {
    height: 70vh !important;
  }
}
.payment_m_title {
  font-weight: 600;
  color: #9292a0;
}
.privacy_checkout {
  color: #9292a0;
  position: relative;
  font-weight: 400;
  font-size: 13px;
  top: 20px;
}
.privacy_checkout > a {
  color: #408eeb;
}
.review__component {
  border: 2px solid var(--gray-3);
  border-radius: 4px;
  padding: 0.8rem 0.8rem 0;
  flex-direction: row;
}
.low_opacity_text {
  color: #9292a0;
  font-weight: 500;
  font-size: 14px;
}
.high_opacity_text {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  margin-top: 0.4rem;
}
@keyframes fadeInUpModal {
  0% {
    opacity: 0;
    transform: translateY(-25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.billing__info {
  animation: fadeInUpModal 0.5s;
  height: -moz-max-content;
  height: max-content;
}
.countryselector__control {
  border: 2px solid transparent !important;
  background-color: #1f1f25 !important;
  box-shadow: none !important;
  color: #fff !important;
  min-height: 42px !important;
  border-radius: 2px !important;
  padding: 8px, 6px, 8px, 6px;
  transition: border 0.2s;
}
.countryselector__indicator-separator {
  display: none;
}
.countryselector__dropdown-indicator {
  display: none !important;
}
.countryselector__single-value {
  color: #fff !important;
  unicode-bidi: plaintext;
}
.countryselector__menu-list {
  z-index: 5000 !important;
  color: #fff;
  padding: 8px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background-color: var(--gray-4);
  border: 1px solid var(--gray-1);
  border-radius: 2px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.countryselector__input {
  color: #fff !important;
}
.countryselector__menu .countryselector__option {
  color: #fff;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  padding: 8px;
}
.countryselector__menu .countryselector__option:hover {
  color: #fff;
  background-color: var(--gray-3);
  border: 0;
  border-radius: 2px;
}
.countryselector__menu .countryselectort__option:active {
  background-color: var(--gray-3);
}
.countryselector__placeholder {
  color: #70707c !important;
  margin-left: 5px !important;
}
.bg-flag {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.buttons__checkout {
  display: none;
}
@media screen and (max-width: 767px) {
  .buttons__checkout {
    display: block;
  }
  .responsive__hide {
    display: none !important;
  }
  .review__container {
    height: 70vh !important;
    background-color: transparent !important;
  }
  .btn_outline_checkout {
    background-color: transparent !important;
    border: 1px solid var(--gray-2) !important;
    color: #fff;
  }
  .btn_outline_checkout:hover {
    background-color: transparent !important;
    color: #fff !important;
  }
  .arrow_checkout {
    color: #70707c;
  }
  .checkout__title {
    display: none;
  }
}
.btn_close_checkout {
  color: #70707c;
  font-size: 1.3rem;
  position: absolute;
  margin: 0.2rem 1rem 0 0;
}
.btn_close_checkout:hover {
  color: #70707c;
}
.logo-payment-method {
  max-width: 37px;
  -webkit-margin-start: 0.5rem !important;
  margin-inline-start: 0.5rem !important;
}
.automod-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
}
.automod-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  border-radius: 4px;
  padding: 16px;
  background-color: var(--gray-4);
}
.automod-item .automod-item__content {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.automod-item .automod-item__content > div:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.automod-item .vip-component-tag {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4px 0 0;
}
.automod-item .automod-item__content .automod-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.automod-item .automod-item__content .automod-item__text .automod-item__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.automod-item .automod-item__setup {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #9292a0;
}
.automod-item .automod-item__automod-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
  background-color: var(--gray-3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.automod-item .automod-item__setup-btn {
  margin-top: 16px;
  border-radius: 2px;
  background-color: var(--gray-2);
  padding: 7px 80px;
  height: 36px;
  outline: none;
  border: none;
}
.automod-item .automod-item__setup-btn:hover {
  background-color: var(--gray-1);
}
.automod-item .automod-item__setup-btn:disabled {
  background-color: var(--gray-3);
  cursor: not-allowed;
}
.modalTitle {
  color: #70707c;
  font-size: 13px;
  font-weight: 600;
}
.inputs_mute {
  border-radius: 8px;
  background-color: #1b1b21;
  border: 0;
  height: 42px;
  -webkit-padding-start: 0.5rem;
  padding-inline-start: 0.5rem;
  min-width: 100%;
}
.inputs_mute:focus {
  box-shadow: 0 !important;
  border: 0 !important;
  outline: none;
}
.inputs_mute::-webkit-autofill {
  box-shadow: 0 !important;
  border: 0 !important;
  outline: none;
}
.premium_bot_info {
  width: 115%;
}
@media screen and (max-width: 980px) {
  .premium_bot_info {
    width: 100%;
  }
}
.autmod_links {
  border-top: 1px solid #292930;
}
.embed-form .easy-embed {
  border-radius: 16px;
}
.embeds-list--wrapper {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.embeds-list--wrapper .create-embed {
  border: 1px dashed #70707c;
  border-radius: 4px;
  background-color: unset;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #9292a0;
  min-height: 64px;
}
.embeds-list--wrapper .embeds-list--item {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  background: var(--gray-4);
  border-radius: 4px;
  padding: 16px;
  transition: 0.5s;
}
.embeds-list--wrapper .embeds-list--item:hover {
  background: var(--gray-5);
  transition: 0.5s;
}
.embeds-list--wrapper .embeds-list--item:hover h3 {
  text-decoration: underline;
}
.embeds-list--wrapper .embeds-list--item > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.embeds-list--wrapper .embeds-list--item > div span {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #9292a0;
}
.embeds-list--wrapper .embeds-list--item h3 {
  text-overflow: ellipsis;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--white);
  margin: 0;
}
.embeds-list--wrapper .show-actions,
.row-show-actions-button {
  background-color: unset;
  border: 0;
  outline: none;
}
.dropdown__content--embed-actions {
  background: #141418;
  box-shadow: -13px 11px 24px rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  padding-block: 7px;
  width: 173px;
  margin: 0;
}
.dropdown__content--embed-actions li {
  padding: 10px 16px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #ababb7;
  transition: 0.2s;
  border-radius: 6px;
}
.dropdown__content--embed-actions li:hover {
  background-color: #1b1b21;
  color: #fff;
  transition: 0.2s;
}
.dropdown__content--embed-actions button {
  background-color: unset;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  text-align: start;
}
.dropdown__content--embed-actions button.delete li {
  color: var(--red);
}
.dropdown__content--embed-actions button.delete:hover li {
  background-color: var(--hover-red);
}
label.is-disabled {
  border: unset !important;
}
.react-switch-bg {
  border: 2px solid var(--gray-2) !important;
}
.faq__main {
  width: 65%;
}
.faq__container {
  background-color: #1f1f25;
  border-radius: 4px;
  width: 100%;
}
.faq__container__header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 1.3rem;
  font-weight: 600;
}
.faq__body {
  border-top: 1px solid #2c2c34;
  background-color: #1f1f25;
}
.faq__arrow,
.faq__body {
  color: #9292a0;
}
.faq__content {
  font-weight: 400;
}
@media screen and (max-width: 870px) {
  .faq__main {
    width: 100%;
  }
}
.crown__membership {
  z-index: -1;
  transform: rotate(-25deg) translateX(14px) translateY(-6.5px);
}
.membership_tag {
  background-color: #ffb7432b;
  padding: 0.2rem 0.3rem;
  border-radius: 4px;
  color: #ffb743;
  font-weight: 600;
  font-size: 11px;
}
.top_crown {
  transform: translateX(-4px) translateY(-9px) rotate(-33deg);
}
.button__select__emoji {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.button__select__emoji,
.button__select__emoji:active,
.button__select__emoji:focus {
  border: 1px solid #434350;
}
.line {
  border-color: #393943;
  background-color: #393943;
}
.no-scroll::-webkit-scrollbar {
  display: none !important;
}
.no-scroll {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.braintree-sheet__header {
  background: #1f1f25;
  border-bottom: 0 !important;
  border-radius: 4px !important;
  display: none !important;
}
.braintree-show-card .braintree-card {
  border: 0 !important;
}
.braintree-sheet__text {
  color: #fff !important;
}
.braintree-form-number {
  width: 100% !important;
}
.braintree-show-card .braintree-card {
  background-color: #393943 !important;
  border-radius: 4px !important;
}
.braintree-sheet__content {
  background-color: #393943 !important;
  width: 100% !important;
  margin: 0.5rem 0 0 !important;
}
.braintree-sheet__content--form {
  padding: 0 !important;
}
.braintree-sheet__content--form .braintree-form__notice-of-collection {
  display: none !important;
}
.braintree-form__label {
  margin-bottom: 5px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: #9292a0 !important;
  cursor: pointer !important;
}
.braintree-heading {
  color: #fff;
}
.braintree-method {
  background-color: #1f1f25 !important;
  border: 1px solid #211f2c;
}
.braintree-method__label {
  color: #fff !important;
}
.braintree-method__label--small {
  color: #9292a0 !important;
}
.braintree-methods .braintree-methods-initial {
  background-color: #211f2c !important;
}
.braintree-upper-container:before {
  background-color: transparent !important;
}
.braintree-form__hosted-field {
  background-color: #1f1f25 !important;
  border: 0 !important;
  color: #fff !important;
}
#credit-card-number,
.braintree-form__field-group
  .braintree-form__field-group--card-type-known
  .braintree-form__field-group--has-error,
.braintree-form__hosted-field > input {
  color: #fff !important;
}
.braintree-dropin {
  margin-top: 0 !important;
}
:root {
  --purple: #5865f2;
  --hover-purple: #344099;
  --hover-purple-low-opacity: rgba(88, 101, 242, 0.24);
  --white: #fff;
  --skeleton: #434350ab;
  --command-bg: #25252c;
  --text-color: #a5a5a8;
  --gray-0: #919198;
  --gray-1: #434350;
  --gray-2: #393943;
  --gray-3: #292930;
  --gray-3-4: #2c2c35;
  --gray-4: #1f1f25;
  --gray-5: #0c0c0f;
  --red: #ed4c5c;
  --orange: #f29358;
  --hover-red: #ed4c5c27;
  --pink: #eb459e;
  --pink-code: #ff50b9;
  --hover-pink: #f742aa42;
  --pink-labeltag: #4b0d32;
  --yellow: #fee75c;
  --green: #09a34f;
  --green-hover: #067437;
  --light-green: #42ffa7;
  --light-green-hover: #2cb274;
  --dark-green: #163828;
  --hover-gray-1: #70707c;
  --landing-bg: #131b21;
  --r-onboarding-step-arrow-size: 14px;
}
.landing-headline {
  font-size: 44px;
  line-height: 50px;
  font-feature-settings: "pnum" on, "lnum" on;
  background: linear-gradient(
      180deg,
      rgba(171, 180, 255, 0),
      rgba(171, 180, 255, 0.6) 110.83%
    ),
    #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.landing-headline,
.landing-headline-sec {
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.landing-headline-sec {
  font-size: 32px;
  line-height: 40px;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #fff;
}
.landing-tag-text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  font-feature-settings: "pnum" on, "lnum" on;
  background: linear-gradient(
    90.01deg,
    #e59cff -68.15%,
    #ba9cff 15.92%,
    #9cb2ff
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-blend-mode: screen;
}
.landing-para,
.landing-tag-text {
  font-style: normal;
  font-weight: 600;
}
.landing-para {
  font-size: 16px;
  line-height: 26px;
  font-feature-settings: "pnum" on, "lnum" on;
  margin: 0;
}
.landing-dropdown-item {
  font-family: Manrope;
}
.landing-servers-bg {
  background: linear-gradient(88deg, #171821 21.84%, rgba(23, 24, 33, 0));
}
.landing-servers-bg-2 {
  background: linear-gradient(88deg, #4d4bec 21.84%, rgba(23, 24, 33, 0));
}
.landing-footer {
  background: linear-gradient(180deg, #171821, rgba(23, 24, 33, 0));
}
.landing-flyout-bg {
  background: rgba(18, 19, 26, 0.6);
}
.table__row:nth-child(odd) {
  background-color: #15161e;
}
.spearete__line {
  background-color: #282a37 !important;
  opacity: 1 !important;
  border-top: 0;
}
.stats__number {
  text-transform: capitalize;
  font-feature-settings: "pnum" on, "lnum" on;
  background: linear-gradient(
    90.01deg,
    #e59cff -68.15%,
    #ba9cff 15.92%,
    #9cb2ff
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-blend-mode: screen;
}
.features-tag-icon {
  background: radial-gradient(
    64.12% 64.12% at 50% 50%,
    rgba(154, 158, 179, 0.2) 0,
    rgba(154, 158, 179, 0) 100%
  );
  border: 1.5px solid rgba(154, 158, 178, 0.2);
  border-radius: 4px;
}
.features-tag-text {
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  color: #9a9eb3;
}
.features-hero-bg {
  background: linear-gradient(1turn, #1d1f2b -99.48%, #12131a 25.22%);
  border-bottom: 1px solid rgba(85, 92, 124, 0.22);
}
.feature_tag_span span {
  color: #ebecf2;
}
.feature-card-bg {
  background: linear-gradient(
    122.02deg,
    #171821 30.76%,
    rgba(23, 24, 33, 0) 116.87%
  );
}
@media (max-width: 1200px) {
  .landing-headline {
    font-size: 38px;
  }
  .landing-headline-sec {
    font-size: 30px;
  }
  .landing-servers-bg {
    background: linear-gradient(340deg, #171821 21.84%, rgba(23, 24, 33, 0));
  }
}
.premium__plan--popular {
  position: relative;
  background-size: 100%;
  -o-border-image: linear-gradient(380deg, #819aff11, #5753ec) 30;
  border-image: linear-gradient(380deg, #819aff11, #5753ec) 30;
  border-style: solid;
  border-width: 1px;
}
@keyframes avatar-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.switch-plan-bg {
  background: linear-gradient(180deg, #171821, rgba(23, 24, 33, 0) 215.47%);
  border-top: 2px solid #1c1d26;
}
.switch-plan-bg-active {
  background: linear-gradient(
    0.401turn,
    #282a37c4 20.88%,
    rgba(40, 42, 55, 0) 289.01%
  );
  border-top: 1px solid #3a3d4d;
}
.mobile-table {
  display: none !important;
}
@media screen and (max-width: 639px) {
  .mobile-table {
    display: block !important;
  }
}
.premium_tier_2_bg {
  background: radial-gradient(
      259.34% 259.34% at 230.67% -159.34%,
      rgba(126, 103, 255, 0.2) 0,
      rgba(126, 103, 255, 0) 100%
    ),
    #171821;
}
.premium_hero_bg {
  background-image: url(/static/media/premium-bg.a22e79aa.svg);
}
.legal-markdown h1,
h2 {
  font-weight: 700;
  font-feature-settings: "pnum" on, "lnum" on;
}
.legal-markdown h1,
.legal-markdown h2,
h2 {
  font-style: normal;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin-bottom: 28px;
  color: #fff;
}
.legal-markdown h1,
.legal-markdown h2 {
  font-weight: 800;
  font-feature-settings: "pnum" on, "lnum" on;
  margin-top: 28px;
  position: relative;
  text-transform: capitalize;
}
.legal-markdown h1:before,
.legal-markdown h2:before {
  content: "#";
  display: inline-block;
  top: 0;
  left: -20px;
  color: #343645;
  padding-right: 12px;
}
.legal-markdown li,
.legal-markdown p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  font-feature-settings: "pnum" on, "lnum" on;
  margin: 0;
  color: #8d91a9;
}
.nav_menu_trigger svg {
  transition: rotate 0.2s ease;
}
.nav_menu_trigger[data-state="open"] svg {
  rotate: 180deg;
}
.navbar_membership_3 {
  border: 2px solid #c0c6ee;
  padding: 5px;
}
.navbar_membership_2 {
  border: 2px solid #eec662;
  padding: 5px;
}
.navbar_membership_1 {
  border: 2px solid #d6d7db;
  padding: 5px;
}
.transfer_arrow {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rtl_arrow {
  right: 95%;
  transform: rotate(180deg);
}
@media screen and (max-width: 1200px) {
  .transfer_arrow {
    top: 65%;
  }
  .rtl_arrow {
    right: 87%;
  }
}
.navbar_container__uMj16 {
  z-index: 9;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  background-color: var(--gray-4);
  height: 3.8em;
  position: fixed;
  width: 100%;
  right: 0;
  left: 0;
  top: 0;
}
.navbar_container__home__jR4f0,
.navbar_navbar__laptop__hzu1K {
  justify-content: flex-end;
}
.navbar_container__uMj16 > div {
  display: flex;
  align-items: baseline;
}
.navbar_change-language__hSmG7 {
  width: 45px;
}
.navbar_container__uMj16 > div > div {
  display: flex;
  align-items: center;
  height: 13px;
}
.navbar_dropdowntext__Mtv7N {
  padding-top: 0.3rem;
  top: 5px;
  height: 27px;
  margin-top: -5px;
}
#navbar_probot-logo__Celiw {
  display: flex;
  width: 7em;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  top: 16px;
}
.navbar_container__uMj16 div:first-child {
  display: flex;
}
.navbar_container__uMj16 h5 {
  margin: 0 10px;
  font-size: 13px;
}
.navbar_container__uMj16 h5 div,
.navbar_container__uMj16 h5 div a {
  color: #878787 !important;
  transition: color 0.2s;
}
.navbar_container__uMj16 h5 div:hover {
  color: var(--purple);
  transition: color 0.2s;
}
.navbar_container__uMj16 i {
  font-size: 2.2em;
  cursor: pointer;
}
#navbar_showSidebar__RHvWy {
  flex: 1;
  margin-top: 1px;
}
@keyframes navbar_languagesFlagsAnimation__PvFRT {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes navbar_languagesFlagsAnimationRTL__2XJvD {
  0% {
    transform: translateX(-200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.navbar_languages__flag-name__r_7s7 {
  animation: navbar_languagesFlagsAnimation__PvFRT ease;
  transition: all 0.2s;
  padding: 0 15px;
}
.navbar_rtl___1_IR .navbar_languages__flag-name__r_7s7 {
  direction: rtl;
  animation: navbar_languagesFlagsAnimationRTL__2XJvD ease;
}
.navbar_languages__flag-name__r_7s7 > a {
  display: flex;
  padding: 10px 0;
}
.navbar_languages__flag-name__r_7s7 > a img {
  width: 30px;
  height: 20px;
  border-radius: 4px;
  align-self: center;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.navbar_languages__flag-name__r_7s7 > a p {
  margin: 0;
  line-height: normal;
}
.navbar_menu-nav-icon__DpagH {
  cursor: pointer;
  padding: 3px;
  margin-top: 2px;
}
.navbar_menu-nav-icon__DpagH:hover {
  opacity: 0.8;
  transition: all 0.2s;
}
.navbar_menu-nav-icon-active__CUhdN {
  border-radius: 5px;
  padding: 3px;
  background-color: var(--hover-purple);
  transition: all 0.2s;
}
.navbar_navbar-mobile__9W_ke {
  position: fixed;
  right: 0;
  left: 0;
  bottom: -240px;
  background-color: var(--purple);
  height: 12em;
  border-radius: 50px;
  padding: 10px;
  transition: all 0.2s;
  align-items: center;
  opacity: 0;
}
.navbar_menu-button__aXzOy,
.navbar_navbar-mobile__9W_ke {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.navbar_menu-button__aXzOy {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  height: 70px;
  width: 30px;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  gap: 4px;
  outline: none;
}
.navbar_icon-bar__GUW76 {
  display: block;
  width: 100%;
  height: 1vh;
  background: #aaa;
  transition: 0.3s;
}
.navbar_menu-button__active__X_pvr .navbar_icon-bar__GUW76:first-of-type {
  transform: translate3d(0, 4px, 0) rotate(45deg);
}
.navbar_menu-button__active__X_pvr .navbar_icon-bar__GUW76:nth-of-type(2) {
  opacity: 0;
}
.navbar_menu-button__active__X_pvr .navbar_icon-bar__GUW76:nth-of-type(3) {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}
@media screen and (min-width: 1025px) {
  #navbar_showSidebar__RHvWy {
    display: none;
  }
}
@media screen and (max-width: 830px) {
  .navbar_container__uMj16 > div > div {
    display: none;
  }
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
  transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
@font-face {
  font-family: __Manrope_027979;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/78187650dd6b50b3-s.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f,
    U+fe2e-fe2f;
}
@font-face {
  font-family: __Manrope_027979;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/4529092560591ab4-s.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
@font-face {
  font-family: __Manrope_027979;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/b8222d26e20b2e06-s.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1,
    U+03a3-03ff;
}
@font-face {
  font-family: __Manrope_027979;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/008f2e8b4aae291f-s.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
    U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1ea0-1ef9, U+20ab;
}
@font-face {
  font-family: __Manrope_027979;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/3c46462b57ac880e-s.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff,
    U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
  font-family: __Manrope_027979;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/3534416bbfdcc9be-s.p.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
  font-family: __Manrope_Fallback_027979;
  src: local("Arial");
  ascent-override: 102.96%;
  descent-override: 28.98%;
  line-gap-override: 0%;
  size-adjust: 103.53%;
}
.__className_027979 {
  font-family: __Manrope_027979, __Manrope_Fallback_027979;
  font-style: normal;
}
.blurple {
  color: #7289da;
}
.bg-blurple {
  background-color: #7289da;
}
.red {
  color: #f04747;
}
.bg-red {
  background-color: #f04747;
}
.bg-discord-light {
  background-color: #fff;
}
.bg-discord-dark {
  background-color: #36393e;
}
.shadow-1 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.shadow-2 {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.shadow-3 {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.4);
}
.shadow-4 {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.4);
}
[class*="shadow-hover"] {
  transition: box-shadow 0.5s ease;
}
.shadow-hover-1:focus,
.shadow-hover-1:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.shadow-hover-2:focus,
.shadow-hover-2:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.shadow-hover-3:focus,
.shadow-hover-3:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.4);
}
.shadow-hover-4:focus,
.shadow-hover-4:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.4);
}
.shadow-up-hover {
  position: relative;
  top: 0;
  transition: box-shadow 0.1s ease, top 0.1s ease;
}
.shadow-up-hover:active,
.shadow-up-hover:hover {
  top: -0.1rem;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.pre-wrap {
  white-space: pre-wrap;
}
.resize-none {
  resize: none;
}
.open-sans {
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.whitney {
  font-family: Whitney, Helvetica Neue, Helvetica, Arial, Lucida Grande,
    sans-serif;
}
.modal-enter {
  opacity: 0;
}
.modal-enter .inner {
  transform: scale(0.5);
}
.modal-enter-active {
  animation: fade-in 0.19s ease-out;
}
.modal-enter-active .inner {
  animation: zoom-in 0.19s ease-in-out;
}
.modal-leave {
  opacity: 1;
}
.modal-leave .inner {
  transform: scale(1);
}
.modal-leave-active {
  animation: fade-out 0.19s ease-in;
}
.modal-leave-active .inner {
  animation: zoom-out 0.19s ease-in;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoom-out {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.95);
  }
  to {
    transform: scale(0.1);
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.02);
  }
  to {
    transform: scale(1);
  }
}
.CodeMirror {
  height: 100%;
  border-radius: 0.25rem;
  z-index: 0;
  font-family: Consolas, Monaco, monospace;
  font-weight: 300;
  font-size: 14px;
}

/*!
Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
*/
.atom-one-dark {
  display: block !important;
  overflow-x: auto !important;
  padding: 0.5em !important;
  color: #abb2bf !important;
  background: #282c34 !important;
}
.atom-one-dark > .hljs-comment,
.atom-one-dark > .hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.atom-one-dark > .hljs-doctag,
.atom-one-dark > .hljs-formula,
.atom-one-dark > .hljs-keyword {
  color: #c678dd;
}
.atom-one-dark > .hljs-deletion,
.atom-one-dark > .hljs-name,
.atom-one-dark > .hljs-section,
.atom-one-dark > .hljs-selector-tag,
.atom-one-dark > .hljs-subst {
  color: #e06c75;
}
.atom-one-dark > .hljs-literal {
  color: #56b6c2;
}
.atom-one-dark > .hljs-addition,
.atom-one-dark > .hljs-attribute,
.atom-one-dark > .hljs-meta-string,
.atom-one-dark > .hljs-regexp,
.atom-one-dark > .hljs-string {
  color: #98c379;
}
.atom-one-dark > .hljs-built_in,
.atom-one-dark > .hljs-class .hljs-title {
  color: #e6c07b;
}
.atom-one-dark > .hljs-attr,
.atom-one-dark > .hljs-number,
.atom-one-dark > .hljs-selector-attr,
.atom-one-dark > .hljs-selector-class,
.atom-one-dark > .hljs-selector-pseudo,
.atom-one-dark > .hljs-template-variable,
.atom-one-dark > .hljs-type,
.atom-one-dark > .hljs-variable {
  color: #d19a66;
}
.atom-one-dark > .hljs-bullet,
.atom-one-dark > .hljs-link,
.atom-one-dark > .hljs-meta,
.atom-one-dark > .hljs-selector-id,
.atom-one-dark > .hljs-symbol,
.atom-one-dark > .hljs-title {
  color: #61aeee;
}
.atom-one-dark > .hljs-emphasis {
  font-style: italic;
}
.atom-one-dark > .hljs-strong {
  font-weight: 700;
}
.atom-one-dark > .hljs-link {
  text-decoration: underline;
}

/*!
Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax
*/
.atom-one-light {
  display: block !important;
  overflow-x: auto !important;
  padding: 0.5em !important;
  color: #383a42 !important;
  background: #fafafa !important;
}
.atom-one-light > .hljs-comment,
.atom-one-light > .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
.atom-one-light > .hljs-doctag,
.atom-one-light > .hljs-formula,
.atom-one-light > .hljs-keyword {
  color: #a626a4;
}
.atom-one-light > .hljs-deletion,
.atom-one-light > .hljs-name,
.atom-one-light > .hljs-section,
.atom-one-light > .hljs-selector-tag,
.atom-one-light > .hljs-subst {
  color: #e45649;
}
.atom-one-light > .hljs-literal {
  color: #0184bb;
}
.atom-one-light > .hljs-addition,
.atom-one-light > .hljs-attribute,
.atom-one-light > .hljs-meta-string,
.atom-one-light > .hljs-regexp,
.atom-one-light > .hljs-string {
  color: #50a14f;
}
.atom-one-light > .hljs-built_in,
.atom-one-light > .hljs-class .hljs-title {
  color: #c18401;
}
.atom-one-light > .hljs-attr,
.atom-one-light > .hljs-number,
.atom-one-light > .hljs-selector-attr,
.atom-one-light > .hljs-selector-class,
.atom-one-light > .hljs-selector-pseudo,
.atom-one-light > .hljs-template-variable,
.atom-one-light > .hljs-type,
.atom-one-light > .hljs-variable {
  color: #986801;
}
.atom-one-light > .hljs-bullet,
.atom-one-light > .hljs-link,
.atom-one-light > .hljs-meta,
.atom-one-light > .hljs-selector-id,
.atom-one-light > .hljs-symbol,
.atom-one-light > .hljs-title {
  color: #4078f2;
}
.atom-one-light > .hljs-emphasis {
  font-style: italic;
}
.atom-one-light > .hljs-strong {
  font-weight: 700;
}
.atom-one-light > .hljs-link {
  text-decoration: underline;
}
.bot-tag {
  background: #7289da;
  font-size: 10px;
  font-weight: 600;
  color: #fff !important;
  margin-left: 6px;
  padding: 1px 2px;
  border-radius: 3px;
  text-transform: uppercase;
  vertical-align: bottom;
  line-height: 16px;
  flex-shrink: 0;
}
.compact .bot-tag {
  margin: 0 3px 0 0;
}
.avatar-large,
.avatar-profile,
.avatar-small,
.avatar-xlarge,
.avatar-xsmall,
.avatar-xxlarge {
  background-clip: padding-box;
  position: relative;
  background-color: none;
  background-position: 50%;
  border-radius: 50%;
}
.avatar-large {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.scroller-wrap {
  position: relative;
  display: flex;
}
.scroller-wrap,
.scroller-wrap .scroller {
  min-height: 1px;
  flex: 1;
}
.scroller-wrap .scroller.scrolling > * {
  pointer-events: none;
}
.scroller-wrap .scroller::-webkit-scrollbar {
  width: 14px;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #7289da;
  background-clip: padding-box;
  border: 3px solid #fff;
  border-radius: 7px;
}
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
}
.scroller-wrap.polyfill .scroller {
  padding-right: 14px;
}
.scroller-wrap .scrollbar {
  background-color: #fff;
  width: 14px;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.scroller-wrap .scrollbar:after {
  left: -3px;
  width: 3px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
}
.scroller-wrap .scrollbar .track {
  background: #f3f3f3;
  border-radius: 4px;
  margin: 3px;
  flex-grow: 1;
  flex-direction: column;
}
.scroller-wrap .scrollbar .thumb {
  background-color: #fff;
  border-radius: 7px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.scroller-wrap .scrollbar .thumb:after {
  border-radius: 4px;
  background-color: #7289da;
  margin: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.scroller-wrap.fade .scroller::-webkit-scrollbar-thumb,
.scroller-wrap.fade .scroller::-webkit-scrollbar-track-piece {
  visibility: hidden;
}
.scroller-wrap.fade .scroller:hover:hover::-webkit-scrollbar-thumb,
.scroller-wrap.fade .scroller:hover:hover::-webkit-scrollbar-track-piece,
.scroller-wrap.fade:hover:hover::-webkit-scrollbar-thumb,
.scroller-wrap.fade:hover:hover::-webkit-scrollbar-track-piece {
  visibility: visible;
}
.scroller-wrap.fade .scroller:hover .scrollbar .thumb,
.scroller-wrap.fade:hover .scrollbar .thumb {
  opacity: 1;
}
.scroller-wrap.fade .scrollbar .thumb {
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
.scroller-wrap.dark .scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: transparent;
}
.scroller-wrap.dark .scroller::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-color: transparent;
}
.scroller-wrap.dark .scrollbar,
.scroller-wrap.dark .scrollbar:after {
  background-color: #2f3136;
}
.scroller-wrap.dark .scrollbar .track {
  background-color: transparent;
}
.scroller-wrap.dark .scrollbar .thumb {
  background-color: #2f3136;
}
.scroller-wrap.dark .scrollbar .thumb:after {
  background-color: rgba(0, 0, 0, 0.4);
}
.scroller-wrap.light .scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: transparent;
}
.scroller-wrap.light .scroller::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-color: transparent;
}
.scroller-wrap.light .scrollbar,
.scroller-wrap.light .scrollbar:after {
  background-color: #f3f3f3;
}
.scroller-wrap.light .scrollbar .track {
  background-color: transparent;
}
.scroller-wrap.light .scrollbar .thumb {
  background-color: #f3f3f3;
}
.scroller-wrap.light .scrollbar .thumb:after {
  background-color: rgba(0, 0, 0, 0.4);
}
.theme-dark .hljs,
.theme-light .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  -webkit-text-size-adjust: none;
}
.theme-dark .hljs-emphasis,
.theme-light .hljs-emphasis {
  font-style: italic;
}
.theme-dark .hljs-strong,
.theme-light .hljs-strong {
  font-weight: 700;
}
.theme-light .hljs {
  background: #fdf6e3;
  color: #657b83;
}
.theme-light .hljs-comment,
.theme-light .hljs-quote {
  color: #586e75;
}
.theme-light .hljs-addition,
.theme-light .hljs-keyword,
.theme-light .hljs-selector-tag {
  color: #859900;
}
.theme-light .hljs-doctag,
.theme-light .hljs-literal,
.theme-light .hljs-meta .hljs-meta-string,
.theme-light .hljs-number,
.theme-light .hljs-regexp,
.theme-light .hljs-string {
  color: #2aa198;
}
.theme-light .hljs-name,
.theme-light .hljs-section,
.theme-light .hljs-selector-class,
.theme-light .hljs-selector-id,
.theme-light .hljs-title {
  color: #268bd2;
}
.theme-light .hljs-attr,
.theme-light .hljs-attribute,
.theme-light .hljs-class .hljs-title,
.theme-light .hljs-template-variable,
.theme-light .hljs-type,
.theme-light .hljs-variable {
  color: #b58900;
}
.theme-light .hljs-bullet,
.theme-light .hljs-link,
.theme-light .hljs-meta,
.theme-light .hljs-meta .hljs-keyword,
.theme-light .hljs-selector-attr,
.theme-light .hljs-selector-pseudo,
.theme-light .hljs-subst,
.theme-light .hljs-symbol {
  color: #cb4b16;
}
.theme-light .hljs-built_in,
.theme-light .hljs-deletion {
  color: #dc322f;
}
.theme-light .hljs-formula {
  background: #073642;
}
.theme-dark .hljs {
  background: #002b36;
  color: #839496;
}
.theme-dark .hljs-comment,
.theme-dark .hljs-quote {
  color: #586e75;
}
.theme-dark .hljs-addition,
.theme-dark .hljs-keyword,
.theme-dark .hljs-selector-tag {
  color: #859900;
}
.theme-dark .hljs-doctag,
.theme-dark .hljs-literal,
.theme-dark .hljs-meta .hljs-meta-string,
.theme-dark .hljs-number,
.theme-dark .hljs-regexp,
.theme-dark .hljs-string {
  color: #2aa198;
}
.theme-dark .hljs-name,
.theme-dark .hljs-section,
.theme-dark .hljs-selector-class,
.theme-dark .hljs-selector-id,
.theme-dark .hljs-title {
  color: #268bd2;
}
.theme-dark .hljs-attr,
.theme-dark .hljs-attribute,
.theme-dark .hljs-class .hljs-title,
.theme-dark .hljs-template-variable,
.theme-dark .hljs-type,
.theme-dark .hljs-variable {
  color: #b58900;
}
.theme-dark .hljs-bullet,
.theme-dark .hljs-link,
.theme-dark .hljs-meta,
.theme-dark .hljs-meta .hljs-keyword,
.theme-dark .hljs-selector-attr,
.theme-dark .hljs-selector-pseudo,
.theme-dark .hljs-subst,
.theme-dark .hljs-symbol {
  color: #cb4b16;
}
.theme-dark .hljs-built_in,
.theme-dark .hljs-deletion {
  color: #dc322f;
}
.theme-dark .hljs-formula {
  background: #073642;
}
.chat,
.message-group .accessory,
.message-group .comment .attachment .attachment-inner {
  -webkit-box-orient: vertical;
}
.message-group,
.message-group.compact .message .message-text .markup .message-content {
  word-wrap: break-word;
}
.chat {
  display: flex;
  flex-direction: column;
  position: relative;
  color: #fff;
}
.chat .content {
  background: #fff;
}
.chat .user-name {
  cursor: pointer;
}
.chat .user-name:hover {
  text-decoration: underline;
}
.chat .avatar-large {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.chat > .title-wrap > .topic a,
.message-group a {
  -webkit-transition: 0.05s;
  text-decoration: none;
}
.chat .avatar-large:hover {
  opacity: 0.8;
}
.chat .messages-wrapper {
  position: relative;
  display: flex;
  flex: 1;
  z-index: 0;
}
.chat .messages-wrapper,
.chat .messages-wrapper .scroller-wrap {
  overflow: hidden;
}
.chat .messages {
  margin: 0;
  overflow-x: hidden;
}
.hide-overflow {
  overflow: hidden;
}
.message-group {
  display: flex;
  padding: 20px 0;
  margin-left: 20px;
  margin-right: 6px;
  border-bottom: 1px solid #eceeef;
  box-sizing: border-box;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.message-group a {
  color: #00b0f4;
  transition: 0.05s;
  cursor: pointer;
}
.message-group a:hover {
  text-decoration: underline;
}
.message-group .message .markup a {
  unicode-bidi: bidi-override;
  direction: ltr;
}
.message-group .comment .markup code.inline,
.message-group .comment .markup pre {
  font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
  background: #f9f9f9;
}
.message-group .accessory {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.message-group:last-of-type,
.message-group:last-of-type:after {
  border-bottom: none;
}
.message-group .emoji {
  margin-bottom: -5px;
}
.message-group .image {
  vertical-align: bottom;
  max-width: 520px;
}
.message-group .avatar-large {
  flex-shrink: 0;
  margin-top: -2px;
  margin-right: 20px;
}
.message-group h2 {
  margin: 0;
  padding: 0;
}
.message-group h2 strong {
  color: #2f3136;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
}
.message-group h2 .timestamp {
  color: #99aab5;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 500;
  text-transform: none;
  margin-left: 6px;
}
.message-group .highlight-separator {
  opacity: 0;
  width: 0;
  display: inline-block;
  color: #99aab5;
}
.message-group .highlight-separator.right-pad {
  text-indent: -10px;
}
.message-group .highlight-separator.left-pad {
  text-indent: 10px;
}
.message-group .comment {
  flex: 1;
  margin-right: 20px;
  min-width: 0;
}
.message-group .comment .markup {
  color: #737f8d;
  font-size: 15px;
  line-height: 1.1em;
  white-space: pre-wrap;
  margin-top: 6px;
  word-wrap: break-word;
}
.message-group .comment .markup strong {
  font-weight: 700;
}
.message-group .comment .markup em {
  font-style: italic;
}
.message-group .comment .markup pre {
  border: 2px solid #f3f3f3;
  border-radius: 5px;
  max-width: 90%;
  box-sizing: border-box;
  font-size: 12px;
  white-space: pre-wrap;
  margin-top: 6px;
}
.message-group .comment .markup pre code {
  background: #f9f9f9;
  text-indent: 0;
}
.message-group .comment .markup code.inline {
  width: auto;
  height: auto;
  padding: 0.2em;
  border-radius: 3px;
  font-size: 85%;
  text-indent: 0;
}
.message-group.compact .comment {
  width: 100%;
}
.message-group.compact .accessory {
  padding-left: 100px;
}
.message-group.compact .emoji {
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.message-group.compact .emoji.jumboable {
  width: 16px;
  height: 16px;
}
.message-group.compact.message-group {
  padding: 3px 0;
}
.message-group.compact .timestamp {
  color: #d0d8dd;
  display: inline-block;
  width: 65px;
  text-align: right;
  padding-right: 5px;
  overflow: hidden;
  font-size: 11px;
  line-height: 16px;
  vertical-align: bottom;
}
.message-group.compact .message {
  padding: 0;
  margin: 6px 0;
  line-height: 18px;
  vertical-align: bottom;
}
.message-group.compact .message:not(.first) .timestamp {
  color: transparent !important;
}
.message-group.compact .message:hover .timestamp {
  color: #99aab5 !important;
}
.message-group.compact .message .message-text .markup {
  text-indent: -100px;
  padding-left: 100px;
}
.message-group.compact .message .message-text .markup .user-name {
  margin-right: 5px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #4f545c;
  word-break: break-all;
}
.theme-dark .message-group h2 strong {
  color: #fff;
}
.theme-dark .message-group h2 span {
  color: hsla(0, 0%, 100%, 0.2);
}
.theme-dark .message-group a {
  color: #0096d1;
}
.theme-dark .message-group .comment .markup {
  color: hsla(0, 0%, 100%, 0.7);
}
.theme-dark .message-group .comment .markup pre {
  background: #2f3136;
  border-color: #282b30;
}
.theme-dark .message-group .comment .markup code.inline,
.theme-dark .message-group .comment .markup pre code {
  background: #2f3136;
}
.theme-dark .message-group.compact .message .markup .user-name {
  color: #f9f9f9;
}
.theme-dark .message-group.compact .timestamp {
  color: hsla(0, 0%, 100%, 0.2);
}
.theme-dark .message-group .embed-wrapper .embed-color-pill {
  background-color: #202225;
}
.theme-dark .message-group .embed .embed-footer,
.theme-dark .message-group .embed .embed-provider {
  color: hsla(0, 0%, 100%, 0.6);
}
.theme-dark .message-group .embed .embed-author-name {
  color: #fff !important;
}
.theme-dark .message-group .embed div.embed-title {
  color: #fff;
}
.theme-dark .message-group .embed .embed-description,
.theme-dark .message-group .embed .embed-fields {
  color: hsla(0, 0%, 100%, 0.6);
}
.theme-dark .message-group .embed .embed-fields .embed-field-name {
  color: #fff;
}
.emoji {
  -o-object-fit: contain;
  object-fit: contain;
  width: 22px;
  height: 22px;
  margin: 0 0.05em 0 0.1em !important;
  vertical-align: -0.4em;
}
.emoji.jumboable {
  width: 32px;
  height: 32px;
}
.image {
  display: inline-block;
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.embed,
.embed-wrapper {
  display: -ms-flexbox;
}
.embed-wrapper {
  position: relative;
  margin-top: 5px;
  max-width: 520px;
  display: flex;
}
.embed-wrapper .embed-color-pill {
  width: 4px;
  background: #cacbce;
  border-radius: 3px 0 0 3px;
  flex-shrink: 0;
}
.embed {
  padding: 8px 10px;
  box-sizing: border-box;
  background: #2f3136;
  border-radius: 0 3px 3px 0;
  display: flex;
  flex-direction: column;
}
.embed .embed-content,
.embed.embed-rich {
  display: -ms-flexbox;
}
.embed .embed-fields,
.embed.embed-link {
  -webkit-box-orient: horizontal;
}
.embed div.embed-title {
  color: #4f545c;
}
.embed .embed-content {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
.embed .embed-content .embed-content-inner {
  flex: 1;
}
.embed.embed-rich {
  position: relative;
  display: flex;
  border-radius: 0 3px 3px 0;
}
.embed.embed-rich .embed-rich-thumb {
  max-height: 80px;
  max-width: 80px;
  border-radius: 3px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0;
  margin-left: 20px;
}
.embed.embed-inline {
  padding: 0;
  margin: 4px 0;
  border-radius: 3px;
}
.embed .image,
.embed video {
  display: flex;
  overflow: hidden;
  border-radius: 2px;
}
.embed .embed-content-inner > :last-child,
.embed .embed-content:last-child,
.embed .embed-inner > :last-child,
.embed > :last-child {
  margin-bottom: 0 !important;
}
.embed .embed-provider {
  display: inline-block;
  color: #87909c;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 5px;
}
.embed .embed-author {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.embed .embed-author-name,
.embed .embed-footer,
.embed .embed-title {
  display: inline-block;
  font-weight: 600;
}
.embed .embed-author-name {
  font-size: 14px;
  color: #4f545c !important;
}
.embed .embed-author-icon {
  margin-right: 9px;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
}
.embed .embed-footer {
  font-size: 12px;
  color: rgba(79, 83, 91, 0.6);
  letter-spacing: 0;
}
.embed .embed-footer-icon {
  margin-right: 10px;
  height: 18px;
  width: 18px;
  -o-object-fit: contain;
  object-fit: contain;
  float: left;
  border-radius: 2.45px;
}
.embed .embed-title {
  margin-bottom: 4px;
  font-size: 14px;
}
.embed .embed-title + .embed-description {
  margin-top: -3px !important;
}
.embed .embed-description {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  color: rgba(79, 83, 91, 0.9);
  letter-spacing: 0;
}
.embed .embed-description.markup {
  white-space: pre-line;
  margin-top: 0 !important;
  font-size: 14px !important;
  line-height: 16px !important;
}
.embed .embed-description.markup pre {
  max-width: 100% !important;
}
.embed .embed-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #36393e;
  margin-top: -10px;
  margin-bottom: 10px;
}
.embed .embed-fields .embed-field {
  flex: 0;
  padding-top: 10px;
  min-width: 100%;
  max-width: 506px;
}
.embed .embed-fields .embed-field.embed-field-inline {
  flex: 1;
  min-width: 150px;
  flex-basis: auto;
}
.embed .embed-fields .embed-field .embed-field-name {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 600;
}
.embed .embed-fields .embed-field .embed-field-value {
  font-size: 14px;
  font-weight: 500;
}
.embed .embed-thumbnail,
.embed .embed-thumbnail-gifv {
  position: relative;
  display: inline-block;
}
.embed .embed-thumbnail {
  margin-bottom: 10px;
}
.embed .embed-thumbnail img {
  margin: 0;
}
.embed-author-name,
.embed-description,
.embed-field-name,
.embed-field-value,
.embed-footer,
.embed-provider,
.embed-title,
.message-content,
.message-text > .markup {
  unicode-bidi: plaintext;
  text-align: left;
}
.comment > :last-child .embed {
  margin-bottom: auto;
}
.flex-horizontal,
.flex-vertical {
  display: -ms-flexbox;
}
.flex-vertical {
  display: flex;
  flex-direction: column;
}
.flex-vertical > .flex-spacer {
  min-height: 1px;
}
.flex-horizontal {
  display: flex;
  flex-direction: row;
}
.flex-horizontal > .flex-spacer {
  min-width: 1px;
}
.flex-spacer {
  flex: 1;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-dark .chat,
.theme-dark .chat > .content,
.theme-dark .friends-table,
.theme-dark .messages-wrapper {
  background-color: #36393e;
}
.theme-dark .friends-table .scroller-wrap::-webkit-scrollbar-thumb,
.theme-dark .messages-wrapper .scroller-wrap::-webkit-scrollbar-thumb {
  background-color: #1e2124;
  border-color: #36393e;
}
.theme-dark .friends-table .scroller-wrap::-webkit-scrollbar-track-piece,
.theme-dark .messages-wrapper .scroller-wrap::-webkit-scrollbar-track-piece {
  background-color: #2f3136;
  border-color: #36393e;
}
.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar,
.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar:after,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar:after {
  background-color: #36393e;
}
.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb {
  background-color: #36393e;
  border-color: #36393e;
}
.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb:after,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb:after {
  background-color: #1e2124;
}
.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .track,
.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .track {
  background-color: #2f3136;
  border-color: #36393e;
}
.discord-view body,
.discord-view button,
.discord-view input,
.discord-view textarea {
  font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.discord-view a img {
  border: none;
}
.discord-view ol,
.discord-view ul {
  list-style: none;
}
.discord-view strong {
  font-weight: 600;
}
.discord-view button {
  border: 0;
  cursor: pointer;
}
.discord-view button:focus {
  outline: 0;
}
.discord-view code {
  font-family: Menlo, Consolas, Monaco, monospace;
  font-size: 14px;
  line-height: 16px;
}
.discord-view a {
  color: #00b0f4;
  text-decoration: none;
}

/*!
  Theme: Solarized Dark
  Author: Ethan Schoonover (modified by aramisgithub)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
.hljs {
  color: #93a1a1;
  background: #002b36;
}
.hljs ::-moz-selection,
.hljs::-moz-selection {
  background-color: #586e75;
  color: #93a1a1;
}
.hljs ::selection,
.hljs::selection {
  background-color: #586e75;
  color: #93a1a1;
}
.hljs-comment {
  color: #657b83;
}
.hljs-tag {
  color: #839496;
}
.hljs-operator,
.hljs-punctuation,
.hljs-subst {
  color: #93a1a1;
}
.hljs-operator {
  opacity: 0.7;
}
.hljs-bullet,
.hljs-deletion,
.hljs-name,
.hljs-selector-tag,
.hljs-template-variable,
.hljs-variable {
  color: #dc322f;
}
.hljs-attr,
.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-symbol,
.hljs-variable.constant_ {
  color: #cb4b16;
}
.hljs-class .hljs-title,
.hljs-strong,
.hljs-title,
.hljs-title.class_ {
  color: #b58900;
}
.hljs-strong {
  font-weight: 700;
}
.hljs-addition,
.hljs-code,
.hljs-string,
.hljs-title.class_.inherited__ {
  color: #859900;
}
.hljs-built_in,
.hljs-doctag,
.hljs-keyword.hljs-atrule,
.hljs-quote,
.hljs-regexp {
  color: #2aa198;
}
.hljs-attribute,
.hljs-function .hljs-title,
.hljs-section,
.hljs-title.function_,
.ruby .hljs-property {
  color: #268bd2;
}
.diff .hljs-meta,
.hljs-keyword,
.hljs-template-tag,
.hljs-type {
  color: #6c71c4;
}
.hljs-emphasis {
  color: #6c71c4;
  font-style: italic;
}
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #d33682;
}
.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
  font-weight: 700;
}
.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-appear,
.rc-tooltip-zoom-enter {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightBottom,
.rc-tooltip-placement-rightTop {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftBottom,
.rc-tooltip-placement-leftTop {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
}
.rc-slider,
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  width: 100%;
  background-color: #e9e9e9;
}
.rc-slider-rail,
.rc-slider-track {
  position: absolute;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: 2px solid #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: grab;
  opacity: 0.8;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  to {
    transform: scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
}
.rc-slider-tooltip,
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
@font-face {
  font-family: anticon;
  src: url(//at.alicdn.com/t/font_1434092639_4910953.eot);
  src: url(//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix)
      format("embedded-opentype"),
    url(//at.alicdn.com/t/font_1434092639_4910953.woff) format("woff"),
    url(//at.alicdn.com/t/font_1434092639_4910953.ttf) format("truetype"),
    url(//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont) format("svg");
}
.dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
}
.dropdown-hidden {
  display: none;
}
.dropdown-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 2px 0;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
}
.dropdown-menu > li {
  margin: 0;
  padding: 0;
}
.dropdown-menu:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  background: hsla(0, 0%, 100%, 0.01);
}
.dropdown-menu > .dropdown-menu-item {
  position: relative;
  display: block;
  padding: 7px 10px;
  clear: both;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  white-space: nowrap;
}
.dropdown-menu > .dropdown-menu-item-active,
.dropdown-menu > .dropdown-menu-item-selected,
.dropdown-menu > .dropdown-menu-item:hover {
  background-color: #ebfaff;
}
.dropdown-menu > .dropdown-menu-item-selected {
  position: relative;
}
.dropdown-menu > .dropdown-menu-item-selected:after {
  content: "\e613";
  font-family: anticon;
  font-weight: 700;
  position: absolute;
  top: 6px;
  right: 16px;
  color: #3cb8f0;
}
.dropdown-menu > .dropdown-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
.dropdown-menu > .dropdown-menu-item-disabled:hover {
  color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.dropdown-menu > .dropdown-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dropdown-menu > .dropdown-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.dropdown-menu > .dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}
.dropdown-slide-up-appear,
.dropdown-slide-up-enter {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.dropdown-slide-up-appear.dropdown-slide-up-appear-active.dropdown-placement-bottomCenter,
.dropdown-slide-up-appear.dropdown-slide-up-appear-active.dropdown-placement-bottomLeft,
.dropdown-slide-up-appear.dropdown-slide-up-appear-active.dropdown-placement-bottomRight,
.dropdown-slide-up-enter.dropdown-slide-up-enter-active.dropdown-placement-bottomCenter,
.dropdown-slide-up-enter.dropdown-slide-up-enter-active.dropdown-placement-bottomLeft,
.dropdown-slide-up-enter.dropdown-slide-up-enter-active.dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.dropdown-slide-up-appear.dropdown-slide-up-appear-active.dropdown-placement-topCenter,
.dropdown-slide-up-appear.dropdown-slide-up-appear-active.dropdown-placement-topLeft,
.dropdown-slide-up-appear.dropdown-slide-up-appear-active.dropdown-placement-topRight,
.dropdown-slide-up-enter.dropdown-slide-up-enter-active.dropdown-placement-topCenter,
.dropdown-slide-up-enter.dropdown-slide-up-enter-active.dropdown-placement-topLeft,
.dropdown-slide-up-enter.dropdown-slide-up-enter-active.dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.dropdown-slide-up-leave.dropdown-slide-up-leave-active.dropdown-placement-bottomCenter,
.dropdown-slide-up-leave.dropdown-slide-up-leave-active.dropdown-placement-bottomLeft,
.dropdown-slide-up-leave.dropdown-slide-up-leave-active.dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.dropdown-slide-up-leave.dropdown-slide-up-leave-active.dropdown-placement-topCenter,
.dropdown-slide-up-leave.dropdown-slide-up-leave-active.dropdown-placement-topLeft,
.dropdown-slide-up-leave.dropdown-slide-up-leave-active.dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform-origin: 0 0;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform-origin: 0 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0 100%;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scaleY(0);
  }
}
.dropdown-arrow {
  position: absolute;
  box-shadow: 0 1px 5px #ccc;
  border: 4px solid transparent;
  transform: rotate(45deg);
}
.dropdown-show-arrow.dropdown-placement-top,
.dropdown-show-arrow.dropdown-placement-topLeft,
.dropdown-show-arrow.dropdown-placement-topRight {
  padding-bottom: 6px;
}
.dropdown-show-arrow.dropdown-placement-bottom,
.dropdown-show-arrow.dropdown-placement-bottomLeft,
.dropdown-show-arrow.dropdown-placement-bottomRight {
  padding-top: 6px;
}
.dropdown-placement-top .dropdown-arrow,
.dropdown-placement-topLeft .dropdown-arrow,
.dropdown-placement-topRight .dropdown-arrow {
  bottom: 4px;
  border-top-color: #fff;
}
.dropdown-placement-top .dropdown-arrow {
  left: 50%;
}
.dropdown-placement-topLeft .dropdown-arrow {
  left: 15%;
}
.dropdown-placement-topRight .dropdown-arrow {
  right: 15%;
}
.dropdown-placement-bottom .dropdown-arrow,
.dropdown-placement-bottomLeft .dropdown-arrow,
.dropdown-placement-bottomRight .dropdown-arrow {
  top: 4px;
  border-bottom-color: #fff;
}
.dropdown-placement-bottom .dropdown-arrow {
  left: 50%;
}
.dropdown-placement-bottomLeft .dropdown-arrow {
  left: 15%;
}
.dropdown-placement-bottomRight .dropdown-arrow {
  right: 15%;
}
.other h2 {
  font-size: 18px;
  color: #444;
  margin-bottom: 7px;
}
.other a {
  color: #777;
  text-decoration: underline;
  font-size: 14px;
}
.other ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.App {
  font-family: sans-serif;
  text-align: center;
}
.editor-container {
  margin: 20px auto;
  border-radius: 2px;
  max-width: 600px;
  color: #fff;
  position: relative;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.editor-inner {
  background: #292930;
  position: relative;
  border: 2px solid #434350;
  border-radius: 8px;
}
.editor-input {
  min-height: 150px;
  resize: none;
  font-size: 15px;
  caret-color: #050505;
  position: relative;
  -moz-tab-size: 1;
  -o-tab-size: 1;
  tab-size: 1;
  outline: 0;
  padding: 15px 10px;
  caret-color: #444;
}
.editor-placeholder {
  color: #999;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 15px;
  left: 10px;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: inline-block;
  pointer-events: none;
}
.editor-text-bold {
  font-weight: 700;
}
.editor-text-italic {
  font-style: italic;
}
.editor-text-underline {
  text-decoration: underline;
}
.editor-text-strikethrough {
  text-decoration: line-through;
}
.editor-text-underlineStrikethrough {
  text-decoration: underline line-through;
}
.editor-text-code {
  background-color: #f0f2f5;
  padding: 1px 0.25rem;
  font-family: Menlo, Consolas, Monaco, monospace;
  font-size: 94%;
}
.editor-link {
  color: #216fdb;
  text-decoration: none;
}
.tree-view-output {
  background: #222;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  white-space: pre-wrap;
  max-height: 250px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: auto;
  line-height: 14px;
}
.editor-code,
.tree-view-output {
  display: block;
  position: relative;
}
.editor-code {
  background-color: #f0f2f5;
  font-family: Menlo, Consolas, Monaco, monospace;
  padding: 8px 8px 8px 52px;
  line-height: 1.53;
  font-size: 13px;
  margin: 8px 0;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  overflow-x: auto;
}
.editor-code:before {
  content: attr(data-gutter);
  position: absolute;
  background-color: #eee;
  left: 0;
  top: 0;
  border-right: 1px solid #ccc;
  padding: 8px;
  color: #777;
  white-space: pre-wrap;
  text-align: right;
  min-width: 25px;
}
.editor-code:after {
  content: attr(data-highlight-language);
  top: 0;
  right: 3px;
  padding: 3px;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  color: rgba(0, 0, 0, 0.5);
}
.editor-tokenComment {
  color: #708090;
}
.editor-tokenPunctuation {
  color: #999;
}
.editor-tokenProperty {
  color: #905;
}
.editor-tokenSelector {
  color: #690;
}
.editor-tokenOperator {
  color: #9a6e3a;
}
.editor-tokenAttr {
  color: #07a;
}
.editor-tokenVariable {
  color: #e90;
}
.editor-tokenFunction {
  color: #dd4a68;
}
.editor-paragraph {
  margin: 0 0 8px;
  position: relative;
}
.editor-paragraph:last-child {
  margin-bottom: 0;
}
.editor-heading-h1 {
  font-size: 24px;
  color: #050505;
  font-weight: 400;
  margin: 0 0 12px;
  padding: 0;
}
.editor-heading-h2 {
  font-size: 15px;
  color: #65676b;
  font-weight: 700;
  margin: 10px 0 0;
  padding: 0;
  text-transform: uppercase;
}
.editor-quote {
  margin: 0 0 0 20px;
  font-size: 15px;
  color: #65676b;
  border-left: 4px solid #ced0d4;
  padding-left: 16px;
}
.editor-list-ol,
.editor-list-ul {
  padding: 0;
  margin: 0 0 0 16px;
}
.editor-listitem {
  margin: 8px 32px;
}
.editor-nested-listitem {
  list-style-type: none;
}
pre::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}
pre::-webkit-scrollbar-thumb {
  background: #999;
}
.debug-timetravel-panel {
  overflow: hidden;
  padding: 0 0 10px;
  margin: auto;
  display: flex;
}
.debug-timetravel-panel-slider {
  padding: 0;
  flex: 8;
}
.debug-timetravel-panel-button {
  padding: 0;
  border: 0;
  background: none;
  flex: 1;
  color: #fff;
  font-size: 12px;
}
.debug-timetravel-panel-button:hover {
  text-decoration: underline;
}
.debug-timetravel-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 15px;
  position: absolute;
  background: none;
  color: #fff;
}
.debug-timetravel-button:hover {
  text-decoration: underline;
}
.emoji {
  color: transparent;
  background-size: 16px 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 -1px;
}
.emoji-inner {
  padding: 0 0.15em;
}
.emoji-inner::-moz-selection {
  color: transparent;
  background-color: hsla(0, 0%, 59%, 0.4);
}
.emoji-inner::selection {
  color: transparent;
  background-color: hsla(0, 0%, 59%, 0.4);
}
.emoji-inner::moz-selection {
  color: transparent;
  background-color: hsla(0, 0%, 59%, 0.4);
}
.emoji.happysmile {
  background-image: url(/images/emoji/1F642.png);
}
.toolbar {
  display: flex;
  border-radius: 10px;
  background-color: var(--gray-4);
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px;
  gap: 12px;
}
.toolbar .toolbar-item__undo-redo {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}
.toolbar .toolbar-item__undo-redo:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 180%;
  background-color: #36363e;
}
.toolbar button.toolbar-item {
  background-color: unset;
  border: 1px solid transparent;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  display: grid;
  place-content: center;
  transition: border 0.2s;
}
.toolbar button.toolbar-item:disabled {
  cursor: not-allowed;
}
.toolbar button.toolbar-item.spaced {
  margin-right: 2px;
}
.toolbar button.toolbar-item i {
  color: #5c5c64;
  font-size: 12px;
}
.toolbar button.toolbar-item:disabled i.format {
  opacity: 0.2;
}
.toolbar button.toolbar-item.active {
  background-color: #27282a;
}
.toolbar .toolbar-item:hover:not([disabled]):not(.active) {
  border: 1px solid #27282a;
  transition: all 0.2s ease-in-out;
}
.toolbar .toolbar-item:hover:not([disabled]) i {
  color: #898990;
  transition: all 0.2s ease-in-out;
}
.toolbar button.toolbar-item.active i {
  color: #fff;
}
.toolbar .divider {
  width: 1px;
  background-color: #5c5c64;
  margin: 0 4px;
}
.toolbar select.toolbar-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 70px;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
}
.toolbar select.code-language {
  text-transform: capitalize;
  width: 130px;
}
.toolbar .toolbar-item .text {
  display: flex;
  line-height: 20px;
  vertical-align: middle;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  width: 70px;
  overflow: hidden;
  height: 20px;
  text-align: left;
}
.toolbar .toolbar-item .icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
}
.toolbar .toolbar-item .icon,
.toolbar i.chevron-down {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.toolbar i.chevron-down {
  margin-top: 3px;
  width: 16px;
  height: 16px;
}
.toolbar i.chevron-down.inside {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}
i.chevron-down {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: url(/images/icons/chevron-down.svg);
}
#block-controls button:hover {
  background-color: #efefef;
}
#block-controls button:focus-visible {
  border-color: blue;
}
#block-controls span.block-type {
  background-size: contain;
  display: block;
  width: 18px;
  height: 18px;
  margin: 2px;
}
#block-controls span.block-type.paragraph {
  background-image: url(/images/icons/text-paragraph.svg);
}
#block-controls span.block-type.h1 {
  background-image: url(/images/icons/type-h1.svg);
}
#block-controls span.block-type.h2 {
  background-image: url(/images/icons/type-h2.svg);
}
#block-controls span.block-type.quote {
  background-image: url(/images/icons/chat-square-quote.svg);
}
#block-controls span.block-type.ul {
  background-image: url(/images/icons/list-ul.svg);
}
#block-controls span.block-type.ol {
  background-image: url(/images/icons/list-ol.svg);
}
#block-controls span.block-type.code {
  background-image: url(/images/icons/code.svg);
}
.editor-dropdown {
  z-index: 5;
  display: block;
  position: absolute;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px hsla(0, 0%, 100%, 0.5);
  border-radius: 8px;
  min-width: 100px;
  min-height: 40px;
  background-color: #fff;
}
.editor-dropdown .item {
  margin: 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
  min-width: 268px;
}
.editor-dropdown .item .active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.editor-dropdown .item:first-child {
  margin-top: 8px;
}
.editor-dropdown .item:last-child {
  margin-bottom: 8px;
}
.editor-dropdown .item:hover {
  background-color: #eee;
}
.editor-dropdown .item .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  width: 200px;
}
.editor-dropdown .item .icon {
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: 12px;
  line-height: 16px;
  background-size: contain;
}
.link-editor {
  position: absolute;
  z-index: 100;
  top: -10000px;
  left: -10000px;
  margin-top: -6px;
  max-width: 300px;
  width: 100%;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  transition: opacity 0.5s;
}
.link-editor .link-input {
  display: block;
  width: calc(100% - 24px);
  box-sizing: border-box;
  margin: 8px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  background-color: #eee;
  font-size: 15px;
  color: #050505;
  border: 0;
  outline: 0;
  position: relative;
  font-family: inherit;
}
.link-editor div.link-edit {
  background-image: url(/images/icons/pencil-fill.svg);
  background-size: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.link-editor .link-input a {
  color: #216fdb;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}
.link-editor .link-input a:hover {
  text-decoration: underline;
}
.link-editor .button {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}
.link-editor .button.hovered {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #eee;
}
.actions i,
.link-editor .button i {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: -0.25em;
}
i.undo {
  background-image: url(/images/icons/arrow-counterclockwise.svg);
}
i.redo {
  background-image: url(/images/icons/arrow-clockwise.svg);
}
.icon.paragraph {
  background-image: url(/images/icons/text-paragraph.svg);
}
.icon.h1,
.icon.large-heading {
  background-image: url(/images/icons/type-h1.svg);
}
.icon.h2,
.icon.small-heading {
  background-image: url(/images/icons/type-h2.svg);
}
.icon.bullet-list,
.icon.ul {
  background-image: url(/images/icons/list-ul.svg);
}
.icon.numbered-list,
.icon.ol {
  background-image: url(/images/icons/list-ol.svg);
}
.icon.quote {
  background-image: url(/images/icons/chat-square-quote.svg);
}
.icon.code {
  background-image: url(/images/icons/code.svg);
}
i.bold {
  background-image: url(/images/icons/type-bold.svg);
}
i.italic {
  background-image: url(/images/icons/type-italic.svg);
}
i.underline {
  background-image: url(/images/icons/type-underline.svg);
}
i.strikethrough {
  background-image: url(/images/icons/type-strikethrough.svg);
}
i.code {
  background-image: url(/images/icons/code.svg);
}
i.link {
  background-image: url(/images/icons/link.svg);
}
i.left-align {
  background-image: url(/images/icons/text-left.svg);
}
i.center-align {
  background-image: url(/images/icons/text-center.svg);
}
i.right-align {
  background-image: url(/images/icons/text-right.svg);
}
i.justify-align {
  background-image: url(/images/icons/justify.svg);
}
