@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap';@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap';* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: poppins,sans-serif
}

:root {
  --tw-bg-opacity: 1;
  --color-tipo-1: rgb(236 236 236/var(--tw-bg-opacity));
  --body-color: rgb(251 255 251/var(--tw-bg-opacity));
  --color-form: rgb(209, 213, 219, 1);
  --color-button: rgb(209, 213, 219, 1);
  --hover-button: rgba(0, 0, 0, 0.05);
  --first-color: #26a641;
  --title-color: rgb(40, 44, 52);
  --color-premium: hsl(38, 96%, 54%);
  --card-servers: rgb(242, 243, 245);
  --color-neto: #ffffff;
  --header-height: 3rem;
  --color-close: #E53E3E;
  --color-border: #e5e7eb;
  --title-color-h1: #ebedef;
  --color-code: #f2f3f5;
  --text-color-active: #ebedef;
  --title-color-colors: #282c34;
  --text-color: rgb(40, 44, 52);
  --text-color-light: rgb(40, 44, 52);
  --card-hover: #d3d7db;
  --body-font: 'Poppins', sans-serif;
  --biggest-font-size: 2rem;
  --h2-font-size: 1.25rem;
  --h3-font-size: 1.125rem;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;
  --font-semi-bold: 600;
  --font-bold: 700;
  --mb-1: .5rem;
  --mb-2: 1rem;
  --mb-3: 1.5rem;
  --mb-4: 2rem;
  --mb-5: 2.5rem;
  --mb-6: 3rem;
  --z-tooltip: 10;
  --z-fixed: 100
}

@media screen and (min-width: 968px) {
  :root {
      --biggest-font-size: 3rem;
      --h2-font-size: 1.75rem;
      --h3-font-size: 1.25rem;
      --terms-font-size: 1.10rem;
      --normal-font-size: 1rem;
      --small-font-size: .875rem
  }
}

::-webkit-scrollbar {
  width: 4px;
  background-color: transparent
}

::-webkit-scrollbar-button {
  display: flex
}

::-webkit-scrollbar-thumb {
  background-color: var(--first-color);
  border-radius: 1rem
}

::-webkit-scrollbar-track {
  --webkit-box-shadow: inset 0 0 6px var(--first-color);
  background-color: transparent
}

html {
  scroll-behavior: smooth
}

body.dark-theme {
  --tw-bg-opacity: 1;
  --background-color-body: ;
  --color-tipo-1: rgb(18 27 19/var(--tw-bg-opacity));
  --color-form: rgb(30 39 31/var(--tw-bg-opacity));
  --color-tipo-1: rgb(23 31 25/var(--tw-bg-opacity));
  --color-button: rgb(30 39 31/var(--tw-bg-opacity));
  --color-code: rgb(19 20 23/var(--tw-bg-opacity));
  --body-color: rgb(11 17 12/var(--tw-bg-opacity));
  --hover-button: rgba(255, 255, 255, 0.1);
  --color-neto: #000000;
  --color-border: #161616;
  --color-premium: hsl(38, 96%, 54%);
  --card-servers: hsla(0, 0%, 100%, 0.05);
  --first-color: #26a641;
  --title-color: #ebedef;
  --title-color-colors: #18191C;
  --title-color-server: rgb(59, 59, 59);
  --text-color: #ebedef;
  --text-color-active: #ebedef;
  --card-hover: #40444b;
  --container-color: #18191C;
  --color-footer: #18191C;
  --color-close: #E53E3E;
  --color-discriminator: rgb(185, 187, 190)
}

body {
  margin: var(--header-height) 0 0;
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  color: var(--text-color);
  line-height: 1.6;
  background-color: var(--body-color);
}

.body[data-kuva] {
  background-image: url('https://panther.hep.gg/FM_bpRIyX')
}

.bg[data-excal] {
  background-image: url('https://panther.hep.gg/2ZB7PeOu1')
}

h1,h2,h3,ul,p {
  margin: 0
}

h1,h2,h3 {
  font-weight: var(--font-semi-bold);
  color: var(--title-color)
}

ul {
  padding: 0;
  list-style: none
}

a {
  text-decoration: none
}

img {
  max-width: 100%;
  height: auto;
  border-radius: 18px
}

.kja903s {
  text-align: center;
  font-size: 40px;
  padding: 20px
}

.slipstream[data-decorate-link] {
  color: var(--first-color)
}

.slipstream[data-c-95487] {
  max-width: 1150px;
  width: calc(100% - 3rem);
  margin-left: var(--mb-3);
  margin-right: var(--mb-3);
}

.slipstream[data-decorate] {
  color: var(--first-color);
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s
}

.slipstream[data-decorate]:hover {
  background-size: 100% 2px
}

.slipstream[data-change-theme] {
  display: flex;
  position: absolute;
  right: 1.5rem;
  top: 2.2rem;
  display: flex;
  color: var(--title-color);
  font-size: 1.5rem;
  cursor: pointer
}

.detectAd {
  position: fixed;
  top: 0;
  right: var(--devtools-sidebar-width,0);
  bottom: 0;
  left: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slipstream[data-c-2v_Sit] {
  position: absolute;
  top: 0;
  left: 0;
  right: var(--devtools-sidebar-width,0);
  bottom: 0;
  background: 0 0;
  z-index: 1002
}

.slipstream[data-c-5hg6d9s] {
  opacity: 1;
  transform: scale(1)
}

.text[data-v-156874] {
  font-size: 20px;
  align-items: center;
  justify-content: center;
  text-align: center
}

.nav[data-v-156875] {
  background: #aeaeae;
  cursor: pointer;
  color: #fff;
  margin-top: 0;
  height: 26px;
  width: 26px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 18px;
  line-height: 18px;
  -webkit-transition: all .5s ease 0s;
  transition: all .5s ease 0s
}

.nav[data-v-156876] {
  background: var(--color-button);
  color: var(--text-color)
}

.slipstream[data-n-user521]>*+* {
  margin-left: 1rem
}

.slipstream[data-n-user521] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center
}

.slipstream[data-n-side125] {
  display: -webkit-box;
  display: flex
}

.tooltip {
  position: relative
}

.navbar__user-icon>img {
  border-radius: 50%
}

.tooltip.is-bottom::after,.tooltip.is-bottom::before:hover {
  top: calc(100% + 1rem);
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.tooltip:hover {
  content: attr(data-text)
}

.navbar__user-icon {
  position: relative;
  border-radius: 50%;
  height: 32px;
  display: flex
}

.slipstream-grid {
  grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
  margin: -16px 0 0 -16px;
  display: grid
}

.dashboardWrapper {
  -webkit-box-flex: 0;
  border-width: 0;
  flex: 0 0 auto;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 16px 0 0 16px;
  vertical-align: baseline
}

.dashboardLinkslipstream {
  background-color: var(--color-tipo-1);
  border-radius: 8px;
  border-width: 0;
  border: 0 solid var(--color-border);
  cursor: pointer;
  display: block;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  cursor: not-allowed;
  text-decoration: none;
  transition: background-color .125s,box-shadow .125s,transform .125s,-webkit-box-shadow .125s,-webkit-transform .125s
}

.dashboardCardslipstream {
  border-width: 0;
  box-sizing: border-box;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 10px;
  vertical-align: baseline
}

.dashboardImageslipstream {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-size: cover;
  border-radius: 8px;
  border-width: 0;
  box-sizing: border-box;
  font-size: 100%;
  height: 10rem;
  justify-content: center;
  margin: 0 0 7px;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  width: 100%
}

.slipstream[data-c-Cr3hRg] {
  border-width: 0;
  color: var(--text-color);
  font-size: 100%;
  font-weight: 500;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  text-overflow: ellipsis;
  transition: color .125s;
  vertical-align: baseline;
  white-space: unset
}

.slipstream[data-c-TZWQv5] {
  margin: 1rem;
  white-space: normal
}

.slipstream[data-c-cAaASC] {
  margin-top: 3rem
}

.slipstream[data-c-gqcEaf] {
  filter: drop-shadow(0 20px 13px rgb(0 0 0/0.03)) drop-shadow(0 8px 5px rgb(0 0 0/0.08));
  border-radius: 18px;
  -webkit-box-flex: 0;
  border-width: 0;
  flex: 0 0 auto;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 1rem;
  vertical-align: baseline;
  grid-template-columns: repeat(auto-fill,minmax(330px,1fr));
  display: grid;
  gap: 1rem
}

.dashboardLabelslipstream {
  border-width: 0;
  color: var(--text-color);
  font-size: 100%;
  font-weight: 500;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  text-overflow: ellipsis;
  transition: color .125s;
  vertical-align: baseline;
  white-space: nowrap
}

.slipstream[data-c-f53aFm] {
  border-width: 0;
  color: var(--text-color);
  font-size: 100%;
  font-weight: 500;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  text-overflow: ellipsis;
  transition: color .125s;
  vertical-align: baseline;
  white-space: nowrap;
  font-size: 24px
}

.slipstream[data-c-f53aFm] p {
  font-size: 1rem
}

.slipstream[data-c-pA8v5b] {
  margin: 0 1rem;
  white-space: normal
}

.dashboardLabelslipstream[data-v-icon-12] {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: var(--font-semi-bold);
  transition: .3s;
  color: #fff;
  display: flex;
  font-size: 1.25rem;
  padding: .5rem .625rem;
  border-radius: 1rem 0 1rem 0;
  padding: .75rem;
  background-color: transparent;
  font-size: 15px
}

.slipstream[data-t-dashboard] {
  margin-top: 4rem;
  font-size: 3rem
}

@-webkit-keyframes kCHPyX {
  0% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes kCHPyX {
  0% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

.avatar {
  height: 30px;
  border-radius: 20px
}

.color-close {
  color: var(--color-close)
}

.section {
  padding: 4rem 0 2rem
}

.section-title,.section-title-center {
  font-size: 3rem;
  color: var(--title-color);
  text-align: center;
  margin-bottom: var(--mb-3)
}

.section-title-comment {
  font-size: 2rem;
  color: var(--title-color);
  text-align: center
}

.section-title-comment-p {
  font-size: 1.5rem;
  color: var(--title-color);
  text-align: center;
  margin-bottom: var(--mb-3)
}

.section-title-sub {
  font-size: var(--h3-font-size);
  color: var(--title-color);
  text-align: center;
  margin-bottom: var(--mb-3)
}

.section-title-terms {
  font-size: var(--terms-font-size);
  color: var(--title-color);
  text-align: center;
  margin-bottom: var(--mb-3);
  list-style: none
}

.slipstreamMain {
  overflow: hidden
}

.bd-grid {
  display: grid;
  gap: 1.5rem
}

.etHhdm {
  display: flex;
  margin: 5px;
  padding: 5px 12px;
  font-size: 14px;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer
}

.etHhdm:hover {
  margin: 5px;
  border-radius: 4px;
  padding: 5px 12px;
  background-color: var(--color-button)
}

.iVqRnR {
  background: #17181b;
  min-width: 160px;
  box-shadow: rgb(0 0 0) 0 1px 3px;
  border-radius: 4px;
  position: absolute;
  top: 50px;
  transition: all .3s ease-in-out 0s,visibility 0s linear 0s,z-index 0s linear .3s;
  z-index: 1;
  visibility: visible;
  transform: translateY(0%);
  opacity: 1
}

.kHBTKi {
  display: flex;
  margin: 5px;
  padding: 5px 12px;
  font-size: 14px;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--color-close)
}

.kHBTKi:hover {
  margin: 5px;
  border-radius: 4px;
  padding: 5px 12px;
  background-color: var(--color-button)
}

.nav__link,.nav__toggle {
  color: var(--title-color);
  font-weight: var(--font-semi-bold)
}

.nav__link {
  color: var(--color-inmaculado);
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s
}

.nav__link:hover {
  background-size: 100% 2px
}

.nav__link {
  transition: .3s
}

.nav__link:hover {
  color: var(--first-color)
}

.nav__link_login {
  color: var(--first-color)
}

.nav__link_login:hover {
  color: var(--first-color)
}

.nav__toggle {
  font-size: 1.3rem;
  cursor: pointer;
  margin-left: 2.8rem;
  display: flex;
  flex-wrap: wrap
}

.nav-toggle button {
  background: 0 0;
  border: 0
}

.active-link {
  position: relative
}

.active-link::before {
  content: '';
  position: absolute;
  bottom: -.75rem;
  left: 45%;
  width: 5px;
  height: 5px;
  background-color: var(--title-color);
  border-radius: 50%
}

.scrolltop {
  position: fixed;
  right: 1rem;
  bottom: -20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .3rem;
  color: var(--title-color-h1);
  background: var(--first-color);
  border-radius: .4rem;
  z-index: var(--z-tooltip);
  transition: .4s;
  visibility: hidden
}

.scrolltop:hover {
  background-color: var(--first-color)
}

.scrolltop__icon {
  font-size: 1.5rem;
  color: var(--body-color)
}

.slipstreamHome {
  row-gap: .5rem
}

.slipstreamTitle {
  font-size: 3rem;
  font-weight: var(--font-bold);
  margin-bottom: var(--mb-2)
}

.home__description {
  margin-bottom: var(--mb-3)
}

.button {
  display: inline-block;
  background-color: var(--first-color);
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 1rem;
  font-weight: var(--font-semi-bold);
  transition: .3s
}

.button:hover {
  background-color: var(--first-color)
}

.footer[data-f-14955] {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start
}

.footer[data-f-14956] {
  width: 100%;
  max-width: 1260px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 0 20px;
  padding: 0 24px
}

.footer[data-f-14957] {
  grid-column: span 4
}

.footer[data-f-14958] {
  width: 100%;
  height: 1px;
  margin-bottom: 32px;
  background-color: var(--first-color)
}

.footer[data-f-14959] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.footer[data-f-14959] img {
  width: 40px;
  height: 40px
}

.footer[data-f-14959] p {
  text-align: center;
  font-size: var(--small-font-size);
  color: #8f8a8a
}

.footer[data-f-14960] {
  border-radius: 50%;
  line-height: 24px;
  cursor: pointer;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  transition-property: background-color,color,-webkit-box-shadow;
  transition-property: background-color,color,box-shadow;
  transition-property: background-color,color,box-shadow,-webkit-box-shadow;
  transition-duration: .2s;
  transition-timing-function: ease-in-out
}

.footer[data-f-14961] {
  border-radius: 40px;
  font-size: 14px;
  background-color: var(--first-color);
  color: var(--text-color);
  padding: 7px 16px
}

.footer[data-f-14962] {
  font-weight: var(--font-semi-bold);
  font-size: 1.25rem;
  margin-left: .5rem;
  color: var(--text-color)
}

.footer[data-f-14962]:hover {
  color: var(--text-color)
}

.footer[data-f-14963] {
  background-color: var(--color-tipo-1);
  padding: 20px 0;
  background-repeat: no-repeat;
  text-align: center;
  background-position: bottom
}

.footer[data-f-14963] p {
  color: var(--text-color);
  font-size: 18px;
  font-family: var(--body-font);
  margin: 0
}

.footer[data-f-14964] p {
  margin: 20px 0 10px
}

.footer[data-f-14965] a {
  font-weight: 800;
  line-height: 95%;
  text-transform: uppercase;
  font-size: 32px;
  color: var(--first-color);
  text-rendering: geometricPrecision
}

.footer[data-f-14966] img {
  display: flex;
  opacity: .08;
  position: absolute;
  right: 0;
  width: 20%;
  z-index: -1
}

.footer[data-f-container546] {
  max-width: 1068px
}

.slipstream[data-f-title] {
  margin-bottom: var(--mb-2);
  color: var(--first-color);
  font-size: var(--h3-font-size)
}

.slipstream[data-f-link] {
  display: inline-block;
  margin-bottom: .5rem;
  opacity: .5;
  color: var(--text-color);
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s
}

.slipstream[data-f-link]:hover {
  background-size: 100% 2px;
  opacity: 1
}

.footer__social {
  font-size: 1.5rem;
  color: var(--title-color);
  margin-right: var(--mb-2)
}

.footer__social:hover {
  color: var(--first-color)
}

.card {
  position: relative;
  overflow: hidden;
  padding: 3rem 0;
  background-color: var(--body-color)
}

.Yjsw3jUt {
  display: flex;
  flex-direction: column;
  -moz-box-align: center;
  align-items: center;
  max-width: 1000px;
  padding: 20px 0;
  margin: auto
}

.beZnUx {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  padding: 0 .5em;
  align-self: stretch
}

.discord:hover {
  color: #7289da
}

.instagram:hover {
  color: #fa7e1e
}

.reddit:hover {
  color: #ff4500
}

.tiktok:hover {
  color: var(--text-color)
}

.github:hover {
  color: var(--text-color)
}

.accordion {
  display: grid;
  align-content: center;
  height: 100vh
}

.command.title {
  font-size: var(--small-font-size);
  color: var(--text-color);
  font-weight: 400;
  margin-top: .15rem;
  transition: .2s;
  width: 8rem
}

.command.header {
  display: flex;
  column-gap: .5rem;
  padding: 1.25rem 1.25rem 1.25rem 1rem;
  cursor: pointer
}

.command.description {
  padding: 0 1.25rem 1.25rem 3rem;
  color: var(--text-color)
}

.command.icon {
  font-size: 1.5rem;
  height: max-content;
  color: var(--text-color);
  transition: .3s
}

.command.item {
  background-color: var(--color-tipo-1);
  border: 0 solid var(--color-border);
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: 0 1rem
}

.command.content {
  overflow: hidden;
  height: 0
}

.accordion-open .command.icon {
  transform: rotate(45deg)
}

.accordion-open .command.title {
  font-weight: 600
}

.accordion-open {
  border: 1px solid var(--first-color)
}

.code {
  background-color: var(--color-code);
  padding: 1px 5px;
  border-radius: 4px
}

.code-emoji {
  width: 50px;
  height: 50px;
  margin-bottom: -.5rem
}

.title-commands {
  display: inline-block;
  cursor: pointer
}

.display {
  display: inline-block
}

.ul {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  gap: .5rem
}

.li {
  border: none;
  margin-top: 1rem;
  background-color: var(--color-button);
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  color: var(--text-color);
  white-space: nowrap;
  padding: 10px 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1rem;
  font-weight: 400;
  transition: all .5s ease
}

.li.active {
  border: none;
  margin-top: 1rem;
  background-color: var(--first-color);
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  color: var(--text-color-active);
  white-space: nowrap;
  padding: 10px 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1rem;
  font-weight: 400;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  outline: none;
  text-decoration: none;
  border-image: initial
}

.bloque {
  margin: 1em;
  display: none;
  padding: 1em;
  border-radius: 1em;
  opacity: 0;
  transform: translateY(50%);
  transition: all .5s ease
}

.bloque.active {
  opacity: 1;
  display: block;
  transform: translateY(0%)
}

.icon-lRvU4f {
  color: var(--first-color)
}

.bg-danger {
  background-color: red
}

.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem
}

#makecenter {
  display: block;
  margin: 0 auto;
  text-align: center
}

.icono[data-i-2058654] i {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  font-size: 24px;
  display: flex
}

.profile[data-p-2058987] {
  padding: .5rem
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: .75rem
}

.img-circle-profiles {
  filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.65));
  -webkit-animation: pulsePic 2s infinite;
  animation: pulsePic 2s infinite;
  border-radius: 50%;
  min-height: 180px;
  min-width: 180px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

@-webkit-keyframes pulsePic {
  0% {
      -webkit-box-shadow: 0 0 0 0 rgba(246,246,246,.4)
  }

  70% {
      -webkit-box-shadow: 0 0 0 20px transparent
  }

  100% {
      -webkit-box-shadow: 0 0 0 0 transparent
  }
}

@keyframes pulsePic {
  0% {
      -moz-box-shadow: 0 0 0 0 rgba(246,246,246,.4);
      box-shadow: 0 0 0 0 rgba(246,246,246,.4)
  }

  70% {
      -moz-box-shadow: 0 0 0 20px transparent;
      box-shadow: 0 0 0 20px transparent
  }

  100% {
      -moz-box-shadow: 0 0 0 0 transparent;
      box-shadow: 0 0 0 0 transparent
  }
}

.slipstream[data-d-sSPPgp] {
  margin: 2rem;
  grid-column: span 4
}

.slipstream[data-d-Ar637C] {
  color: var(--first-color)
}

.slipstream[data-c-Ar637C] {
  color: var(--text-color)
}

.slipstream[data-d-sgN70b] {
  font-weight: 600;
  font-size: 32px
}

.slipstreamText6rem {
  font-size: 6rem
}

.slipstream[data-t-description] {
  font-size: 2.5rem;
  font-weight: 600
}

.slipstream[data-b-buttons-description] {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 10rem;
  margin: 0 4rem
}

.slipstreamButtonsMain {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.dropdown__link {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.dropdown__icon {
  font-size: 1.3rem;
  transition: .5s
}

.dropdown__icon_user {
  text-decoration: none;
  cursor: pointer;
  position: relative;
  width: 8.5rem;
  height: 3.5rem
}

.username_profile {
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  font-weight: 500;
  margin-left: 1rem
}

.buton_login,.buton_login:hover {
  background-color: var(--color-button);
  border-radius: 4px;
  color: var(--text-color);
  background-image: none;
  transition: none;
  padding: .6rem 1rem
}

.dropdown__item {
  margin: 1rem 0
}

.dropdown:hover .dropdown__icon {
  transform: rotate(180deg)
}

.slipstream[data-b-85fK22] {
  position: relative;
  display: inline-block
}

.slipstream[data-b-85fK22] .slipstream[data-b-45il51] {
  position: absolute;
  z-index: 100;
  top: -2.5rem;
  left: 50%;
  margin-left: -.5rem;
  line-height: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  font-size: .875rem;
  padding: .5rem;
  border-radius: .375rem;
  visibility: hidden;
  opacity: 0;
  color: var(--text-color);
  background-color: var(--color-tipo-1);
  white-space: nowrap;
  transition: opacity .3s
}

.slipstream[data-b-85fK22]:hover .slipstream[data-b-45il51] {
  visibility: visible;
  opacity: 1
}

.country {
  padding: 10px;
  position: absolute;
  top: 38.6rem;
  left: 10.6rem;
  cursor: pointer
}

.username-2b1r56 {
  font-weight: 700
}

.discrimBase-24vY8o {
  color: var(--first-color);
  font-size: 15px
}

.banner-2QYc2d {
  position: relative;
  -webkit-transition: background-color .1s;
  transition: background-color .1s
}

.bannerPremium-2hSAwz {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.profileBannerPremium-35utuo {
  width: 900px;
  height: 360px
}

.profileBanner-33-uE1 {
  height: 15rem
}

.slipstream[data-c-100522] {
  background: var(--color-tipo-1);
  border-radius: 4px;
  padding: 0 24px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 96px
}

.slipstream[data-c-100521] {
  justify-content: space-around;
  flex-direction: column;
  display: flex;
  color: var(--text-color);
  background-color: transparent;
  border: 5px solid var(--color-tipo-1)
}

.active {
  width: 60px
}

.logo-details {
  height: 80px;
  display: flex;
  align-items: center
}

.logo-details i {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  min-width: 60px;
  text-align: center
}

.logo-details .logo_name {
  color: #fff;
  font-size: 24px;
  font-weight: 500
}

.nav-links {
  margin-top: 10px
}

.nav-links li {
  position: relative;
  list-style: none;
  height: 50px
}

.nav-links li a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all .4s ease
}

.nav-links li a.active {
  background: #081d45
}

.nav-links li a:hover {
  background: #081d45
}

.nav-links li i {
  min-width: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff
}

.nav-links li a .links_name {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap
}

.nav-links .log_out {
  position: absolute;
  bottom: 0;
  width: 100%
}

.home-section {
  position: relative;
  background: #f5f5f5;
  min-height: 100vh;
  width: calc(100% - 240px);
  left: 240px;
  transition: all .5s ease
}

.active~.home-section {
  width: calc(100% - 60px);
  left: 60px
}

.home-section nav {
  display: flex;
  justify-content: space-between;
  height: 80px;
  background: #fff;
  display: flex;
  align-items: center;
  position: fixed;
  width: calc(100% - 240px);
  left: 240px;
  z-index: 100;
  padding: 0 20px;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  transition: all .5s ease
}

.active .home-section nav {
  left: 60px;
  width: calc(100% - 60px)
}

.home-section nav .sidebar-button {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 500
}

nav .sidebar-button i {
  font-size: 35px;
  margin-right: 10px
}

.home-section nav .search-box {
  position: relative;
  height: 50px;
  max-width: 550px;
  width: 100%;
  margin: 0 20px
}

nav .search-box input {
  height: 100%;
  width: 100%;
  outline: none;
  background: #f5f6fa;
  border: 2px solid #efeef1;
  border-radius: 6px;
  font-size: 18px;
  padding: 0 15px
}

nav .search-box .bx-search {
  position: absolute;
  height: 40px;
  width: 40px;
  background: #2697ff;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  transition: all .4 ease
}

.home-section nav .profile-details {
  display: flex;
  align-items: center;
  background: #f5f6fa;
  border: 2px solid #efeef1;
  border-radius: 6px;
  height: 50px;
  min-width: 190px;
  padding: 0 15px 0 2px
}

nav .profile-details img {
  height: 40px;
  width: 40px;
  border-radius: 6px;
  object-fit: cover
}

nav .profile-details .admin_name {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  margin: 0 10px;
  white-space: nowrap
}

nav .profile-details i {
  font-size: 25px;
  color: #333
}

.home-section .home-content {
  position: relative;
  padding-top: 104px
}

.home-content .overview-boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 20px;
  margin-bottom: 26px
}

.overview-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100%/4 - 15px);
  background: #fff;
  padding: 15px 14px;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.overview-boxes {
  font-size: 20px;
  font-weight: 500
}

.home-content .number {
  display: inline-block;
  font-size: 35px;
  margin-top: -6px;
  font-weight: 500
}

.home-content .indicator {
  display: flex;
  align-items: center
}

.home-content .indicator i {
  height: 20px;
  width: 20px;
  background: #8fdacb;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  margin-right: 5px
}

.indicator i.down {
  background: #e87d88
}

.home-content .indicator .text {
  font-size: 12px
}

.home-content .cart {
  display: inline-block;
  font-size: 32px;
  height: 50px;
  width: 50px;
  background: #cce5ff;
  line-height: 50px;
  text-align: center;
  color: #66b0ff;
  border-radius: 12px;
  margin: -15px 0 0 6px
}

.home-content .cart.two {
  color: #2bd47d;
  background: #c0f2d8
}

.home-content .cart.three {
  color: #ffc233;
  background: #ffe8b3
}

.home-content .cart.four {
  color: #e05260;
  background: #f7d4d7
}

.home-content .total-order {
  font-size: 20px;
  font-weight: 500
}

.home-content .sales-boxes {
  display: flex;
  justify-content: space-between
}

.home-content .sales-boxes .recent-sales {
  width: 65%;
  background: #fff;
  padding: 20px 30px;
  margin: 0 20px;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.home-content .sales-boxes .sales-details {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.sales-boxes .title {
  font-size: 24px;
  font-weight: 500
}

.sales-boxes .sales-details li.topic {
  font-size: 20px;
  font-weight: 500
}

.sales-boxes .sales-details li {
  list-style: none;
  margin: 8px 0
}

.sales-boxes .sales-details li a {
  font-size: 18px;
  color: #333;
  font-size: 400;
  text-decoration: none
}

.sales-boxes .button {
  width: 100%;
  display: flex;
  justify-content: flex-end
}

.sales-boxes .button a {
  color: #fff;
  background: #0a2558;
  padding: 4px 12px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 4px;
  text-decoration: none;
  transition: all .3s ease
}

.sales-boxes .button a:hover {
  background: #0d3073
}

.home-content .sales-boxes .top-sales {
  width: 35%;
  background: #fff;
  padding: 20px 30px;
  margin: 0 20px 0 0;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.sales-boxes .top-sales li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0
}

.sales-boxes .top-sales li a img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 12px;
  margin-right: 10px;
  background: #333
}

.sales-boxes .top-sales li a {
  display: flex;
  align-items: center;
  text-decoration: none
}

.sales-boxes .top-sales li .product,.price {
  font-size: 17px;
  font-weight: 400;
  color: #333
}

@media(max-width: 1240px) {
  .sidebar {
      width:60px
  }

  .sidebar.active {
      width: 220px
  }

  .home-section {
      width: calc(100% - 60px);
      left: 60px
  }

  .sidebar.active~.home-section {
      overflow: hidden;
      left: 220px
  }

  .home-section nav {
      width: calc(100% - 60px);
      left: 60px
  }

  .sidebar.active~.home-section nav {
      width: calc(100% - 220px);
      left: 220px
  }
}

@media(max-width: 1150px) {
  .home-content .sales-boxes {
      flex-direction:column
  }

  .home-content .sales-boxes {
      width: 100%;
      overflow-x: scroll;
      margin-bottom: 30px
  }

  .home-content .sales-boxes .top-sales {
      margin: 0
  }
}

@media(max-width: 1000px) {
  .overview-boxes {
      width:calc(100%/2 - 15px);
      margin-bottom: 15px
  }
}

@media(max-width: 700px) {
  nav .sidebar-button .dashboard,nav .profile-details .admin_name,nav .profile-details i {
      display:none
  }

  .home-section nav .profile-details {
      height: 50px;
      min-width: 40px
  }

  .home-content .sales-boxes .sales-details {
      width: 560px
  }
}

@media(max-width: 550px) {
  .overview-boxes {
      width:100%;
      margin-bottom: 15px
  }

  .sidebar.active~.home-section nav .profile-details {
      display: none
  }
}

.avatar-status {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem
}

.img-status {
  pointer-events: none;
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50rem;
  border: 3px solid var(--body-color);
  top: -2rem;
  left: 8.1rem;
  background: var(--body-color)
}

.px-10SIf7.botTag-2WPJ74 {
  padding: 0 4px;
  margin-top: -5px;
  border-radius: 3px
}

.botTag-U0I7-9 {
  vertical-align: top;
  display: inline-flex;
  position: relative;
  top: 4px
}

.botTagRegular-2HEhHi {
  background: #5865f2;
  color: #fff
}

.cardblog {
  grid-template-columns: repeat(auto-fill,minmax(218px,1fr));
  gap: 1rem
}

.logosDivider-2K41nn {
  width: 28px;
  height: 28px;
  top: 11rem;
  position: relative;
  margin: 0 37px;
  background-size: 28px 28px;
  background-image: url(/_next/cdn/attachments/Y0NeIYMd8L/b5Ktt3L5a2.svg);
  content: " ";
  display: inline-block
}

.svconfigimg {
  filter: opacity(25%);
  background-image: url(/_next/cdn/attachments/Y0NeIYMd8L/template.png);
  width: 56%
}

.reviews-list>[data-v-7495a41f] {
  display: grid;
  grid-gap: 20px;
  gap: 20px
}

.review[data-v-ccd8a710] {
  background-color: var(--color-tipo-1);
  border-radius: .5rem;
  padding: 32px
}

.review[data-v-456123] {
  justify-content: space-around;
  flex-direction: column;
  display: flex;
  color: #fff;
  grid-template-columns: none;
  background-color: transparent;
  border: 5px solid var(--color-tipo-1)
}

.review-header[data-v-ccd8a710] {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px
}

.person[data-v-ccd8a710] {
  display: flex;
  align-items: center;
  font-size: 14px
}

.review img[data-v-ccd8a710] {
  width: 32px;
  height: 32px;
  border-radius: 100%
}

.username[data-v-ccd8a710] {
  font-weight: 600;
  color: var(--text-color);
  margin-left: 8px
}

.stars[data-v-ccd8a710] {
  display: flex;
  align-items: center;
  margin-left: auto
}

.stars>img[data-v-ccd8a710] {
  width: 20px;
  height: 20px
}

.reviews-list[data-v-7495a41f] {
  justify-content: center;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  flex-direction: column
}

.message[data-v-c7d2f35e] {
  display: grid;
  grid-gap: 20px;
  gap: 20px
}

.message[data-v-ccd8a710] {
  overflow-y: auto;
  height: 100px;
  line-height: 1.25rem;
  white-space: pre-wrap
}

@-webkit-keyframes scroll-data-v-7495a41f {
  0% {
      transform: translateX(-1680px)
  }

  to {
      transform: translateX(1680px)
  }
}

@keyframes scroll-data-v-7495a41f {
  0% {
      transform: translateX(-1680px)
  }

  to {
      transform: translateX(1680px)
  }
}

.staff-credits[data-v-ad03100e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  justify-content: flex-start
}

.credit[data-v-0199d015] {
  -webkit-box-flex: 250px;
  flex: 270px 0 0;
  margin: .5rem;
  background-color: var(--color-tipo-1);
  color: var(--text-color);
  border-radius: 10px
}

.credit[data-v-0125486] {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap
}

.credit img[data-v-0199d015] {
  border: 1px solid var(--first-color);
  height: 64px;
  width: 64px;
  border-radius: 32px;
  margin-top: .5rem;
  background: 0 0
}

.LouisTarget {
  grid-template-columns: repeat(auto-fill,minmax(14rem,1fr));
  margin: -16px 0 0 -16px;
  display: grid
}

.credit h3[data-v-0199d015] {
  font: 500 1.1rem Roboto,sans-serif;
  margin: .5rem 0 0
}

.credit p.job[data-v-0199d015] {
  margin-bottom: .75rem
}

.credit p.job[data-v-0199d016] {
  color: var(--first-color)
}

.credit p.job[data-v-0199d017] {
  overflow-y: auto;
  height: 60px;
  line-height: 1.25rem;
  white-space: pre-wrap;
  margin: 1rem
}

.credit p[data-v-0199d015] {
  margin: .5rem 0
}

.section[data-v-ad03100e] {
  text-align: center
}

.credit h3[data-v-0199d041] {
  margin: 1rem;
  font: 600 1.5rem Roboto,sans-serif
}

.credit p.job[data-v-0199d041] {
  margin-bottom: .75rem
}

.credit p[data-v-0199d041] {
  margin: .5rem 0
}

.credit[data-v-0199d041] {
  -webkit-box-flex: 250px;
  flex: 250px 0 0;
  margin: .5rem;
  background-color: var(--color-tipo-1);
  color: var(--text-color);
  border-radius: 10px
}

.credit[data-v-456321] {
  height: 100%;
  justify-content: space-around;
  flex-direction: column;
  background-color: transparent;
  border: 5px solid var(--color-tipo-1);
  display: flex
}

.credit[data-v-0001002] {
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
  display: flex
}

.blogb {
  border-radius: .375rem;
  background: var(--color-button);
  flex-direction: column;
  display: flex;
  align-items: center;
  margin: 1rem
}

.blogbtext {
  padding: .2rem 5.3rem;
  color: var(--text-color)
}

.jhOfhp {
  width: 100%;
  font-family: RUBIK,sans-serif;
  font-size: 16px;
  color: #fff;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 15px;
  padding: 12px;
  font-weight: 100;
  outline: none;
  box-sizing: border-box;
  min-height: 41px;
  transition: border 250ms ease-out 0s;
  resize: none;
  text-align: center
}

.colors-flex .color[data-v-c335a172] {
  padding: 7rem 1rem 1rem;
  border-radius: 10px
}

.colors-flex .color h3[data-v-c335a172] {
  font: 500 1rem Roboto,sans-serif;
  margin: 0
}

.colors-flex .color p[data-v-c335a172] {
  font-family: Roboto Mono,monospace;
  font-size: 2rem;
  margin: 0
}

.colors-flex[data-v-c335a172] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem
}

.flags {
  width: 1.5rem
}

.userPopout-xaxa6l {
  -webkit-box-shadow: var(--elevation-high);
  box-shadow: 0 8px 16px rgba(0,0,0,.24);
  background-color: #18191c;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 6rem;
  margin-left: 6rem;
  margin-top: -2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.headerNormal-3KXFBt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.popoutBanner-19WKGg {
  height: 133px
}

.banner-2QYc2d {
  position: relative;
  -webkit-transition: background-color .1s;
  transition: background-color .1s
}

.bannerOverlayPopout-1clJ34 {
  -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0/20%),inset 0 0 120px rgb(0 0 0/60%);
  box-shadow: 0 2px 10px 0 rgb(0 0 0/20%),inset 0 0 120px rgb(0 0 0/60%)
}

.bannerOverlay-1uIerX {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.headerTop-3vNv-a {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 1rem 3rem 12rem;
  overflow: hidden;
  position: relative
}

.profileBadges-ohc0Vu {
  position: absolute;
  top: 16px;
  max-width: 14rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-start
}

.avatarStack-2Dr8S9 {
  display: grid;
  width: 100%;
  height: 100%
}

.avatar-VxgULZ,.avatarSpeaking-2c8-9i {
  width: 100%;
  height: 100%;
  grid-area: 1/1
}

.avatar-VxgULZ {
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none
}

.avatar-VxgULZ:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent)
}

.container-q03LZO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -2px;
  margin-bottom: -2px
}

.container-q03LZO>* {
  margin: 0 2px 2px 0;
  display: flex;
  align-items: center
}

.profileBadge22-LJmn9o {
  width: 22px;
  height: 22px
}

.profileBadge-2niAfJ {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  overflow: hidden;
  margin-top: .1rem;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover
}

.profileBadge-2niAfJ:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-modifier-accent);
  border-radius: 50%
}

.avatarWrapper-3r9PdD {
  border-radius: 50%;
  display: flex;
  justify-content: normal;
  flex-wrap: wrap
}

.mask-1l8v16 {
  pointer-events: none;
  position: relative;
  display: block;
  height: 100%;
  left: .4rem;
  width: auto
}

.wrapper-3t9DeA {
  position: relative;
  top: -3.5rem;
  border-radius: 50%
}

.status-1eOIMS,.svg-2V3M55 {
  position: absolute
}

.avatar-37jOim {
  border: 1px solid #18191c;
  background-color: #18191c
}

.avatarHint-2A3RNb {
  position: absolute;
  top: 6px;
  left: 6px;
  opacity: 0;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  pointer-events: none
}

.avatarHintInner-1TvA8u {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  width: 100%;
  padding-top: 4px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-box-shadow: inset 0 0 120px rgb(0 0 0/75%);
  box-shadow: inset 0 0 120px rgb(0 0 0/75%);
  color: #fff
}

.avatarPositionNormal-aZjAsn {
  top: 0
}

.pointerEvents-2zdfdO {
  pointer-events: auto
}

.headerNormal-3KXFBt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.popoutBannerPremium-1n96gg {
  width: 1068px;
  height: 17rem
}

.bannerPremium-2hSAwz {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: .5rem
}

.banner-2QYc2d {
  position: relative;
  -webkit-transition: background-color .1s;
  transition: background-color .1s
}

.premiumIconWrapper-1A-UH5 {
  position: absolute;
  top: 6px;
  display: contents;
  right: 8px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(0,-5px,0);
  transform: translate3d(0,-5px,0);
  -webkit-transition: opacity .15s ease-out,-webkit-transform .15s ease-out;
  transition: opacity .15s ease-out,-webkit-transform .15s ease-out;
  transition: opacity .15s ease-out,transform .15s ease-out;
  transition: opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out
}

.baseShapeRound-1Mm1YW {
  border-radius: 8px
}

.textBadge-1iylP6 {
  padding: 0 6px;
  font-family: var(--font-display);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.premiumIcon-2EjK1H {
  color: #fff;
  display: block;
  margin-left: 52.5rem;
  margin-right: -2px
}

.divider-ewBQKj {
  height: 1px;
  background-color: hsla(0,0%,100%,.06);
  margin-bottom: 12px;
  margin-top: 12px
}

.base-PmTxvP {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.baseShapeRound-1Mm1YW {
  border-radius: 8px
}

.banner_gif {
  display: flex;
  margin-top: -1rem;
  margin-left: .1rem
}

.kzpjEO [data-stroke=main] {
  stroke: #ff6b86
}

.kzpjEO [data-stroke] {
  transition: stroke .15s ease-out 0s
}

.etQmwy [data-stroke=main] {
  stroke: #63f58c
}

.etQmwy [data-stroke] {
  transition: stroke .15s ease-out 0s
}

.jwguPk>svg {
  max-width: 100%;
  max-height: 100%
}

.jwguPk {
  background: #ff424d;
  border-radius: 50%;
  padding: .9em;
  display: inline-flex;
  box-sizing: border-box;
  width: 48px;
  height: 48px
}

.dlvHBE b {
  color: #f2f4fb;
  font-weight: 400;
  margin-left: .2em;
  margin-right: .2em
}

.dlvHBE b:last-child {
  margin-right: 0
}

.dlvHBE b:first-child {
  margin-left: 0
}

.dlvHBE>span {
  margin-left: 4px
}

.etQmwy {
  min-width: 24px
}

.dlvHBE {
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.dlvHBE:not(:last-child) {
  margin-bottom: 16px
}

.fNSXDn b {
  color: #f2f4fb;
  margin-inline-end:.3em}

.hePybm {
  list-style: none;
  margin: 0;
  padding: 0
}

.fNSXDn {
  font-weight: 700;
  font-size: 30px;
  line-height: 32px
}

.bypIOA {
  min-width: 48px
}

.AxmSB {
  margin-top: -24px
}

.hePybm {
  list-style: none;
  margin: 0;
  padding: 0
}

hr {
  display: block;
  unicode-bidi: isolate;
  margin-block-start:.5em;margin-block-end:.5em;margin-inline-start:auto;margin-inline-end:auto;overflow: hidden;
  border-style: inset;
  border-width: 1px
}

.keqMWH {
  width: 100%;
  height: 1px;
  background-color: #272934;
  border: none;
  margin: 24px 0
}

.hsWZHR {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center
}

.iXjhMK {
  background: var(--color-tipo-1);
  border-radius: 8px;
  padding: 0 24px 50px;
  flex: 1 1 0%
}

.slipstream[data-c-eqmFJE] {
  width: 100%;
  height: 1px;
  background-color: var(--first-color);
  border: none;
  margin: 24px 0
}

.slipstream[data-p-button] {
  display: flex;
  justify-content: center
}

.hGmHoL {
  display: flex;
  gap: 24px;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 0 38px;
  flex-wrap: wrap
}

.PremiumCorona {
  margin-right: .5rem;
  width: 2rem;
  position: relative;
  top: .1rem
}

@media(min-width: 670px) {
  .gzbqxA {
      position:relative
  }

  .gzbqxA::before {
      content: "";
      display: block;
      height: 40px;
      border-left: 1px dashed #555762;
      transform: scaleY(4);
      transform-origin: center bottom;
      position: absolute;
      bottom: 100%;
      margin-left: 3rem;
      margin-bottom: -5rem
  }

  .bCVOeB:not(:first-child) {
      margin-left: 16px
  }
}

.gzbqxA {
  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-property: opacity,transform;
  opacity: 1;
  transform: translateY(0px)
}

.hZXNEb {
  background: var(--color-tipo-1);
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  color: var(--text-color);
  font-size: 20px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem
}

.himsBU {
  text-align: center;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  background: url(/_next/cdn/attachments/lYa660UWsc/1t1H53XEi5.png) center bottom/contain no-repeat
}

.ioOcrb {
  min-height: 500px
}

.slipstreamTextCenter {
  text-align: center
}

.community[data-c-1589] {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 3rem;
  text-transform: uppercase;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
  object-fit: fill
}

.community[data-c-1590] {
  position: relative;
  display: block;
  width: auto;
  max-width: 1480px;
  min-height: 80px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
  object-fit: fill
}

.community[data-c-1591] {
  display: block;
  text-align: center;
  overflow: visible;
  margin-top: 10px;
  margin-left: 0;
  color: var(--title-color);
  font-size: 65px;
  line-height: 48px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase
}

.community[data-c-1592] {
  max-width: 600px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  color: var(--text-color);
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-transform: none
}

.community[data-c-1593] {
  position: absolute;
  left: 71%;
  top: auto;
  right: auto;
  bottom: -20%;
  z-index: auto;
  display: block;
  width: 450px;
  height: 450px;
  margin-left: -1160px
}

.community[data-c-1594] {
  position: absolute;
  left: auto;
  top: auto;
  right: 50%;
  bottom: -11%;
  display: block;
  width: 910px;
  height: 550px;
  margin-right: -1160px
}

.community[data-c-1595] {
  max-width: 600px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  color: var(--text-color);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-transform: none
}

.brand[data-b-25478] {
  width: 100%;
  max-width: 1260px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0 20px;
  padding: 0 24px
}

.brand[data-b-25479] {
  grid-column: span 4;
  gap: 20px;
  margin-top: 40px;
  padding: 0
}

.brand[data-b-25480] {
  border: 2px solid var(--color-tipo-1);
  border-radius: 8px;
  padding: 20px;
  overflow: hidden;
  background-clip: padding-box;
  color: var(--text-color)
}

.brand[data-b-25481] {
  font-weight: 600;
  font-size: 32px;
  line-height: 120%
}

.brand[data-b-25482] {
  margin-top: 80px;
  opacity: .6
}

.brand[data-b-25483] {
  font-size: 20px;
  font-size: clamp(16px,2vw,20px);
  line-height: 1.625
}

.slipstream[data-c-o8Ftgd] {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap
}

@keyframes text {
  0% {
      transform: translateX(-30px);
      letter-spacing: 0;
      color: #bacbd9
  }

  25% {
      letter-spacing: 3px;
      color: #7ea1bf
  }

  50% {
      transform: translateX(30px);
      letter-spacing: 0;
      color: #bacbd9
  }

  75% {
      letter-spacing: 3px;
      color: #7ea1bf
  }

  100% {
      transform: translateX(-30px);
      letter-spacing: 0;
      color: #bacbd9
  }
}

.home__img {
  position: relative;
  padding-top: 1.5rem;
  justify-self: center;
  width: 302px;
  height: 233px
}

.home__img img {
  position: absolute;
  top: 0;
  left: 0
}

.slipstream[data-v-inicio-584] {
  display: grid;
  gap: 2rem;
  padding: 2rem;
  border-radius: .5rem;
  width: 48rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
  color: var(--text-color);
  background-color: var(--color-tipo-1);
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.slipstream[data-v-inicio-589] {
  gap: 2rem;
  padding: 2rem;
  border-radius: .5rem;
  width: 48rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
  color: var(--text-color);
  background-color: var(--color-tipo-1);
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.slipstream[data-v-inicio-687] {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 1%
}

.slipstream[data-v-inicio-585] {
  vertical-align: middle;
  border-radius: .5rem;
  align-items: center;
  display: flex
}

.slipstream[data-v-inicio-586] {
  padding: 0;
  flex-direction: row;
  align-items: center;
  display: flex
}

.slipstream[data-v-inicio-587] {
  background-color: var(--color-code);
  display: grid;
  height: 2.5rem;
  min-height: 45px;
  width: 2.5rem;
  min-width: 45px;
  place-items: center;
  border-radius: 9999px
}

.slipstream[data-v-inicio-588] {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  text-align: left;
  flex-direction: column;
  display: flex
}

.slipstream[data-v-inicio-589] {
  font-size: .875rem;
  line-height: 1.25rem
}

.slipstream[data-f-input] {
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
  min-height: 48px;
  max-width: 483px;
  color: var(--text-color);
  width: 100%;
  margin: 0;
  background: var(--color-form);
  border-radius: 8px;
  padding: 8px 16px;
  transition: border-radius .15s ease-out 0s,border-color,color,background-color,box-shadow;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image: initial
}

.slipstream[data-f-input-none] {
  font-size: 16px;
  width: 26rem;
  color: var(--text-color);
  margin: 0;
  background: var(--color-form);
  transition: border-radius .15s ease-out 0s,border-color,color,background-color,box-shadow;
  outline: none;
  border: none
}

.slipstream[data-f-inputSearch] {
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem
}

.slipstream[data-f-font524] {
  text-align: right;
  background: rgba(0,0,0,.2);
  color: var(--title-color);
  padding: 3px 12px;
  margin: 0;
  font-size: 12px;
  border-radius: 8px
}

.slipstream[data-c-jcoqvl] {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 12px 12px 12px 10px;
  border-color: transparent;
  border-left: 4px solid transparent;
  transition: border-color .15s ease-out 0s,opacity;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  border-radius: unset
}

.slipstream[data-c-jcoqvl]:hover {
  border-color: transparent;
  border-left: 4px solid var(--first-color)
}

.slipstream[data-c-ecQrwq] {
  background: rgba(0,0,0,.2);
  color: #8f8a8a;
  padding: 6px 12px;
  margin: 0;
  display: flex;
  justify-content: space-between
}

.slipstream[data-c-ecQrwq] h4 {
  font-size: 14px
}

.slipstream[data-c-ecQrwq] a {
  font-size: 14px;
  text-decoration: none;
  color: #8f8a8a
}

.slipstream[data-c-ecQrwq] a:hover {
  color: #8f8a8a
}

.slipstream[data-c-iLJgtO] {
  transition: color .15s ease-out 0s;
  color: var(--text-color)
}

.slipstream[data-c-bXFCtX] {
  display: inline-block;
  border-radius: 3px;
  padding: 0 6px;
  font-size: 12px;
  letter-spacing: .05em;
  background: var(--color-tipo-1)
}

.slipstream[data-c-drQWnX] {
  font-size: 12px;
  color: #8f8a8a
}

.slipstream[data-c-hPyZeK] {
  max-width: 260px;
  text-overflow: ellipsis;
  text-align: right;
  line-height: 1.4;
  font-size: 12px;
  color: #8f8a8a
}

.InputClassDisplay {
  display: block
}

.slipstream[data-f-input]:hover:not(:disabled) {
  border-color: var(--first-color)
}

.slipstream[data-f-inputoption] {
  margin-top: 8px;
  width: 100%;
  list-style: none;
  box-sizing: border-box;
  max-height: 375px;
  overflow-y: auto;
  border-radius: 8px;
  background-color: var(--color-form);
  box-shadow: rgb(0 0 0/16%) 0 4px 16px;
  padding: 8px
}

.slipstream[data-f-inputoptions1] {
  font-weight: 400;
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #f2f4fb;
  background-color: #272934;
  border-radius: 8px;
  padding: 8px;
  transition: color .15s ease-out 0s,background-color
}

.slipstream[data-f-button] {
  border: none;
  margin-top: 1rem;
  background-color: var(--color-button);
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  color: var(--text-color);
  white-space: nowrap;
  padding: 10px 39px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1rem;
  font-weight: 400
}

.slipstream[data-f-button]:hover {
  box-shadow: 0 2px 6px var(--color-button);
  background-color: var(--hover-button)
}

.slipstream[data-f-button-close]:hover {
  box-shadow: 0 2px 6px var(--color-button);
  background-color: var(--hover-button)
}

.slipstream[data-f-button-close] {
  border: none;
  margin-top: 1rem;
  background-color: var(--color-button);
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  color: var(--text-color);
  white-space: nowrap;
  padding: 10px 39px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1rem;
  font-weight: 400
}

.slipstream[data-f-div-target] {
  background-color: var(--color-tipo-1);
  border-radius: 8px;
  border-width: 0;
  color: var(--first-color);
  cursor: pointer;
  display: block;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  cursor: not-allowed;
  text-decoration: none;
  transition: background-color .125s,box-shadow .125s,transform .125s,-webkit-box-shadow .125s,-webkit-transform .125s
}

.slipstream[data-a-header] {
  color: var(--title-color);
  width: -webkit-fill-available
}

.slipstream[data-a-close] {
  color: var(--color-close);
  width: 7.9rem
}

.slipstream[data-a-title-top] {
  text-decoration: none;
  height: 3.5rem;
  cursor: pointer
}

.slipstream[data-a-title] {
  color: var(--title-color);
  width: 7.9rem;
  text-decoration: none;
  cursor: pointer
}

.botton-edit {
  display: flex;
  margin: 1rem;
  padding: 1rem;
  justify-content: center
}

.denystatus {
  display: none
}

.showstatus {
  display: block
}

.showstatusflex {
  display: flex
}

.gBmvOH {
  border-spacing: 0
}

.ksKHrd {
  margin-bottom: 156px;
  width: 100%
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

.gsuEXS {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: var(--text-color);
  text-transform: uppercase;
  text-align: left
}

.gBmvOH td,.gBmvOH th {
  vertical-align: middle
}

.justify-center {
  justify-content: center
}

.items-center {
  align-items: center
}

.flex {
  display: -ms-flexbox;
  display: box;
  display: flex
}

.brXFxA {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: var(--text-color);
  width: 260px;
  min-width: 260px;
  height: 88px;
  text-align: center;
  border-top: 1px solid #313442;
  border-right: 1px solid #313442;
  border-left: 1px solid #313442;
  border-image: initial;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.iDTzBI {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: var(--text-color);
  width: 260px;
  min-width: 260px;
  height: 88px;
  text-align: center;
  border-top: 1px solid var(--first-color);
  border-right: 1px solid var(--first-color);
  border-left: 1px solid var(--first-color);
  border-image: initial;
  border-bottom: var(--first-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: var(--first-color)
}

.dBHbDa {
  color: var(--text-color);
  padding-top: 56px;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 14px
}

.gBmvOH td,.gBmvOH th {
  vertical-align: middle
}

.gBmvOH td {
  height: 56px
}

.dmdHQX td,.dmdHQX.dmdHQX+tr>td {
  border-top: none
}

.gBmvOH td:first-child {
  border-left: none
}

.kNwErG.kNwErG {
  text-align: center;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #313442;
  border-image: initial;
  position: relative
}

.dmdHQX .sc-5fjqg9-1 {
  border-top: none
}

.fwhqGp.fwhqGp {
  text-align: center;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #313442 var(--first-color);
  border-image: initial;
  position: relative
}

tr {
  box-sizing: border-box;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}

tr:last-child .kNwErG.kNwErG {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px
}

tr:last-child .fwhqGp.fwhqGp {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px
}

tr:last-child .fwhqGp.fwhqGp {
  border-bottom-color: var(--first-color)
}

.gBmvOH td:first-child {
  border-left: none
}

.dBHbDa {
  color: var(--text-color);
  padding-top: 56px;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 14px
}

.fkiYgb {
  font-family: proxima-nova,sans-serif;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  user-select: none;
  flex-shrink: 0;
  appearance: initial;
  padding-inline-end:40px;padding-inline-start:40px;min-height: 56px;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
  border-radius: 8px;
  transition: background-color .15s ease-out 0s,color,opacity,border;
  outline: none;
  text-decoration: none;
  background: var(--first-color);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial
}

.fCyOQQ {
  margin: 24px;
  width: calc(100% - 48px)
}

.vFoBI {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  transition: opacity .15s ease-out 0s
}

.dHQcZ {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transition: opacity .15s ease-out 0s
}

.eBjkSx {
  animation: 1.2s cubic-bezier(.32,.65,.71,.4) 0s infinite normal none running cilQsd
}

.dOymlx {
  min-width: 24px
}

.fkiYgb [data-stroke=main] {
  stroke: var(--text-color)
}

.dOymlx [data-stroke] {
  transition: stroke .15s ease-out 0s
}

.deYyAS {
  border-top: 1px solid #313442;
  width: 100%
}

.slipstream[data-c-Pj7dnq] {
  grid-template-columns: repeat(auto-fill,minmax(330px,1fr));
  display: grid;
  gap: 1rem
}

.css-1f25rue {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background: 0 0;
  border: none;
  color: #e2e2e2;
  padding: 5px;
  margin: 5px 0;
  cursor: pointer
}

.profile[data-p-textraya] {
  max-height: 5rem;
  min-height: 2.5rem;
  line-height: 18px;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  color: var(--text-color);
  background-color: var(--deprecated-text-input-bg);
  border: 1px solid var(--deprecated-text-input-border);
  transition: border-color .2s ease-in-out;
  overflow: auto;
  resize: vertical
}

.profile[data-b-button] {
  display: flex;
  justify-content: center
}

.slipstream[data-s-gNxlMa] {
  text-align: center;
  background-color: var(--color-tipo-1);
  height: 364px;
  margin-top: 10rem;
  margin-bottom: 10rem
}

.slipstream[data-s-kVsEXq] {
  margin: 0 auto;
  padding: 0 40px;
  max-width: 1240px;
  width: 100%
}

.slipstream[data-s-gPAwZV] {
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 64px
}

.slipstream[data-s-YQpZo] {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: var(--text-color);
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -1px
}

.slipstream[data-s-bqbovW] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px
}

.slipstream[data-s-kTgDmH] {
  background: var(--card-servers);
  border-radius: 4px;
  padding: 0 24px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 96px
}

.slipstream[data-s-kTgDmS] {
  background: var(--card-servers);
  border-radius: 4px;
  padding: 0 24px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 96px
}

.slipstream[data-s-willyrex] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/418586876899885056/a_7d183be45e6fa1280231b738159fc2a5.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-elded] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/428730354510331906/2b93968c79fdfee782a1c205c8ea271f.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-legionraptor] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/594574316050448424/a_28fe8568a460ee65414b890f862bb678.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-heretics] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/453863328754696192/7908bfa032ee84fafbea51c348d5262f.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-germangarmendia] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/858152819969359872/e4a9eefe82d27449a8300ccc90dd96ea.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-spreen] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/949551398851342346/a_07c99940ee0fd9cfb9a50a1835877aa2.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-tecnonauta] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/745672028857696285/860b9f978a8a60fa1caf176d8475c8fd.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-programacion] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/servers/768278151435386900/a_790e54811e373057400e82f2e7f2bc79.webp") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-egIysC] {
  width: 48px;
  height: 48px;
  background: url("/_next/cdn/inicio/bocd2x79rhmbi3h2eryc.svg") center center/contain no-repeat;
  padding: 0;
  margin-inline-end:16px;border-radius: 10px
}

.slipstream[data-s-kIIZwg] {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-start
}

.slipstream[data-s-kBKbMh] {
  font-weight: 700;
  color: var(--text-color)
}

.slipstream[data-s-jPNRxi] {
  margin-top: 8px;
  opacity: 1;
  color: var(--text-color)
}

.slipstream[data-s-eWBDVM] {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-align: left;
  font-size: 16px;
  line-height: 24px
}

.slipstream[data-s-gJojRg] {
  margin-inline-end:8px}

.slipstream[data-s-PlMdp] {
  min-width: 16px
}

.slipstream[data-a-input] {
  max-height: 5rem;
  min-height: 2.5rem;
  line-height: 18px;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  color: var(--text-color);
  background-color: var(--deprecated-text-input-bg);
  border: 1px solid var(--deprecated-text-input-border);
  transition: border-color .2s ease-in-out;
  overflow: auto;
  outline: none;
  resize: vertical
}

.hBezNB {
  position: relative;
  display: flex;
  cursor: pointer;
  justify-content: space-evenly;
  align-content: stretch;
  align-items: center;
  flex-direction: column
}

.cSjtYr>div {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.buBmyq {
  position: relative;
  width: 25rem;
  height: 8rem;
  border-width: 3px;
  border-style: dashed;
  border-color: var(--first-color);
  border-image: initial;
  border-radius: 4px;
  transition: border-color .15s ease-out 0s,width,height,border-radius
}

.cSjtYr span {
  color: var(--first-color);
  width: 100%;
  max-width: 60%;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  flex-direction: column;
  align-items: center
}

.eRALCB {
  max-height: 100%;
  max-width: 100%
}

.jrlKUt {
  min-width: 24px
}

.slipstream[data-i-inputimg] {
  position: absolute;
  top: 0;
  width: 25rem;
  height: 8rem;
  cursor: pointer;
  opacity: 0
}

.hsKrCp {
  border: none;
  outline: none;
  margin: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin-inline-end:8px;position: relative;
  cursor: pointer;
  transition: transform .15s ease-out 0s
}

.slipstream[data-b-team] {
  position: absolute;
  object-fit: cover;
  object-position: center top;
  width: 100vw;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: .5;
  border-radius: 10px;
  -webkit-mask-image: linear-gradient(to top,transparent 5%,black 95%);
  mask-image: linear-gradient(black 1%,transparent)
}

.slipstream[data-b-team-div] {
  position: unset
}

.slipstream[data-p-wallet-1] {
  justify-content: normal;
  align-content: normal;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("/_next/cdn/inicio/fsrsrxg3fnaz325k3mij.png");
  width: 25rem;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  color: #ebedef
}

.slipstream[data-p-wallet-2] {
  align-items: baseline;
  display: flex;
  align-content: center;
  justify-content: space-between
}

.slipstream h3[data-p-wallet-text-1] {
  color: #ebedef;
  margin: 1rem;
  font-size: 30px
}

.slipstream h3[data-p-wallet-text-2] {
  color: #ebedef;
  margin: 1rem 2rem 1rem 1rem;
  font-size: 20px
}

.slipstream[data-p-wallet-3] {
  display: flex;
  justify-content: space-between
}

.slipstream[data-p-wallet-p] {
  margin: 1rem
}

.slipstream[data-p-wallet-span] {
  color: #ebedef
}

.slipstream[data-p-wallet-img] {
  width: 4rem;
  height: 4rem;
  margin: 1rem 1.6rem 1rem 1rem
}

.slipstream[data-p-wallet-4] {
  display: flex;
  align-items: center
}

.slipstream[data-v-soon] {
  filter: opacity(.5);
  cursor: not-allowed;
  user-select: none
}

@font-face {
  font-family: material icons;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v126/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  font-display: swap
}

.material-icons {
  font-family: material icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  --webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased
}

.SearchTrue {
  display: block
}

.SearchFalse {
  display: none
}

@media screen and (max-width: 450px) {
  .slipstreamTitle {
      font-size:2rem;
      font-weight: var(--font-bold);
      margin-bottom: var(--mb-2)
  }

  .slipstreamHome {
      margin-top: 3rem
  }

  .slipstreamText6rem {
      font-size: 3rem
  }

  .slipstream[data-t-description] {
      font-size: 1.5rem
  }

  .slipstream[data-b-buttons-description] {
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
      align-content: unset;
      padding: 0;
      margin: 0
  }

  .section-title,.section-title-center {
      font-size: 2rem
  }

  .slipstream[data-s-kTgDmH] {
      display: flex;
      width: 260px;
      max-width: 100%
  }

  .slipstream[data-s-kTgDmS] {
      display: none;
      width: 260px;
      max-width: 100%
  }

  .slipstream[data-s-YQpZo] {
      padding-bottom: 1.5rem;
      font-size: 24px;
      padding-top: 2rem
  }

  .slipstream[data-s-bqbovW] {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
      gap: 16px
  }
}

@media screen and (min-width: 576px) {
  .slipstreamHome {
      grid-template-columns:repeat(2,1fr);
      align-items: center
  }

  .slipstreamHome {
      padding: 5rem 0 0
  }

  .section-title-center {
      text-align: initial
  }

  .section-title-comment,.section-title-comment-p {
      text-align: initial
  }

  .section-font-center {
      text-align: center
  }

  .command.title {
      margin-right: 1.5rem;
      width: 8rem;
      text-overflow: ellipsis;
      overflow: hidden
  }

  .command.description {
      padding: 0 4rem 1.25rem 3.5rem
  }
}

@media screen and (min-width: 768px) {
  body {
      margin:0
  }

  .card {
      padding: 0
  }

  .section {
      padding-top: 5rem
  }

  .nav__list {
      display: flex;
      align-items: center
  }

  .nav__toggle {
      display: none
  }

  .slipstream[data-change-theme] {
      position: initial;
      margin: 1rem
  }

  .slipstreamButtonsMain {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .dropdown {
      position: relative
  }

  .dropdown__item {
      margin: .5rem 2rem 0 0
  }
}

@media screen and (min-width: 968px) {
  .slipstreamHome {
      column-gap:1rem
  }
}

@media screen and (max-width: 1000px) {
  .slipstream[data-v-inicio-584] {
      grid-template-columns:repeat(1,minmax(0,1fr))
  }

  .slipstream[data-t-dashboard] {
      margin-top: 0;
      display: flex;
      justify-content: center;
      text-align: center;
      align-content: center;
      flex-wrap: wrap;
      font-size: 2rem
  }
}

.slipstream[data-c-inputSearchCommands] {
  background-color: var(--color-tipo-1);
  border-radius: 8px;
  margin: 2rem auto;
  pointer-events: all;
  max-height: 100%;
  width: auto;
  height: auto;
  box-shadow: none
}

.slipstream[data-c-inputDiv1] {
  border-radius: 8px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: var(--text-normal)
}

.slipstream[data-c-input3r5zZY] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  padding: 0 12px;
  font-size: 1rem;
  border-radius: 8px;
  border: none;
  height: 45px;
  line-height: 45px;
  color: var(--text-color);
  background-color: var(--color-form);
  outline: none
}

.slipstream[data-c-_bVAAt] {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.slipstream[data-c-2qwVWY] {
  z-index: 0;
  margin-right: 0;
  margin-top: 16px;
  max-height: 236px;
  background-color: var(--color-button)
}

.slipstream[data-c-2a4AW9] {
  position: relative;
  height: auto;
  border-radius: 8px
}

.slipstream[data-c-u66Ywh] {
  position: relative;
  border-radius: 3px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  overflow: hidden;
  height: 34px
}

.slipstream[data-c-vQY7Mf] {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  color: var(--text-color)
}

.slipstream[data-c-XRODjt] {
  width: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  flex-grow: 0
}

.slipstream[data-c-1OLqEw] {
  padding-top: 150px;
  padding-bottom: 20px;
  background: no-repeat 50% 20px;
  text-align: center;
  font-weight: 500;
  background-image: url(/_next/cdn/inicio/prizgqo972vmmjmymbjh.svg)
}

:root {
  --tw-bg-opacity: 1;
  --color-tipo-1: rgb(236 236 236/var(--tw-bg-opacity));
  --body-color: rgb(251 255 251/var(--tw-bg-opacity));
  --color-form: rgb(209, 213, 219, 1);
  --color-button: rgb(209, 213, 219, 1);
  --hover-button: rgba(0, 0, 0, 0.05);
  --first-color: #26a641;
  --title-color: rgb(40, 44, 52);
  --color-premium: hsl(38, 96%, 54%);
  --card-servers: rgb(242, 243, 245);
  --color-neto: #ffffff;
  --header-height: 3rem;
  --color-close: #E53E3E;
  --title-color-h1: #ebedef;
  --color-code: rgb(209, 213, 219, 1);
  --title-color-colors: #282c34;
  --text-color: rgb(40, 44, 52);
  --text-color-light: rgb(40, 44, 52);
  --card-hover: #d3d7db;
  --body-font: 'Poppins', sans-serif;
  --biggest-font-size: 2rem;
  --h2-font-size: 1.25rem;
  --h3-font-size: 1.125rem;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;
  --font-semi-bold: 600;
  --font-bold: 700;
  --mb-1: .5rem;
  --mb-2: 1rem;
  --mb-3: 1.5rem;
  --mb-4: 2rem;
  --mb-5: 2.5rem;
  --mb-6: 3rem;
  --z-tooltip: 10;
  --z-fixed: 100;
  --tran-03: all 0.2s ease;
  --tran-03: all 0.3s ease;
  --tran-04: all 0.3s ease;
  --tran-05: all 0.3s ease
}

@media screen and (min-width: 968px) {
  :root {
      --biggest-font-size: 3rem;
      --h2-font-size: 1.75rem;
      --h3-font-size: 1.25rem;
      --terms-font-size: 1.10rem;
      --normal-font-size: 1rem;
      --small-font-size: .875rem
  }
}

body.dark-theme {
  --tw-bg-opacity: 1;
  --background-color-body: ;
  --color-tipo-1: rgb(18 27 19/var(--tw-bg-opacity));
  --color-form: rgb(30 39 31/var(--tw-bg-opacity));
  --color-tipo-1: rgb(23 31 25/var(--tw-bg-opacity));
  --color-button: rgb(30 39 31/var(--tw-bg-opacity));
  --color-code: rgb(30 39 31/var(--tw-bg-opacity));
  --body-color: rgb(11 17 12/var(--tw-bg-opacity));
  --hover-button: rgba(255, 255, 255, 0.1);
  --color-neto: #000000;
  --color-premium: hsl(38, 96%, 54%);
  --card-servers: hsla(0, 0%, 100%, 0.05);
  --first-color: #26a641;
  --title-color: #ebedef;
  --title-color-colors: #18191C;
  --title-color-server: rgb(59, 59, 59);
  --text-color: #ebedef;
  --card-hover: #40444b;
  --container-color: #18191C;
  --color-footer: #18191C;
  --color-close: #E53E3E;
  --color-discriminator: rgb(185, 187, 190)
}

.header-data-c-dXMsgd {
  position: fixed;
  right: 1rem;
  bottom: -20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .3rem;
  color: var(--title-color-h1);
  background: var(--first-color);
  border-radius: .4rem;
  z-index: var(--z-tooltip);
  transition: .4s;
  visibility: hidden
}

.header-data-c-dXMsgd:hover {
  background-color: var(--first-color)
}

.header[data-c-GEgzSN] {
  font-size: 1.5rem;
  color: var(--body-color)
}

.commandText {
  color: var(--title-color);
}

.header-scroll {
  visibility: visible;
  bottom: 1.5rem
}

.header[data-c-Cq8ETX] {
  justify-content: center;
  align-items: center;
  line-height: 1.75rem;
  display: flex;
  backdrop-filter: blur(4px)
}

.nav[data-c-ZVEtKM] {
  background: var(--color-tipo-1);
  padding: 1rem;
  margin-top: 1.25rem;
  justify-content: space-between;
  border-radius: 5px;
  z-index: 1;
  display: flex;
  filter: drop-shadow(0 20px 13px rgb(0 0 0/0.03)) drop-shadow(0 8px 5px rgb(0 0 0/0.08))
}

.commands[data-commandsBox] {
  background: var(--color-tipo-1);
  padding: 1rem;
  margin-top: 1.25rem;
  justify-content: space-between;
  border-radius: 5px;
  z-index: 1;
  display: flex;
  filter: drop-shadow(0 20px 13px rgb(0 0 0/0.03)) drop-shadow(0 8px 5px rgb(0 0 0/0.08))
}

@media screen and (max-width: 450px) {
  .nav[data-c-ZVEtKM] {
      margin-top:-.75rem
  }
}

@media screen and (max-width: 359px) {
  .nav[data-c-ZVEtKM] {
      margin-top:-.75rem
  }
}

@media screen and (min-width: 768px) {
  .nav[data-c-ZVEtKM] {
      height:calc(var(--header-height) + 1.5rem)
  }
}

.nav[data-c-KQQQXV] {
  background: var(--color-tipo-1);
  border-radius: 6px;
  border-top-left-radius: 0;
  padding: 0 10px;
  position: absolute;
  bottom: -35px;
  font-size: 9px;
  font-weight: 500;
  color: var(--first-color);
  text-transform: uppercase;
  animation-name: logo-slogan-sink,logo-slogan;
  animation-duration: .3s,1.5s;
  animation-delay: 0s,.3s;
  animation-timing-function: ease-out,ease-in-out;
  animation-iteration-count: 1,infinite;
  animation-fill-mode: forwards;
  animation-direction: normal,alternate
}

.nav[data-c-KQQQXV]:after {
  bottom: 100%;
  left: 0;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: var(--color-tipo-1);
  border-width: 8px;
  margin-left: 0
}

@-webkit-keyframes logo-slogan {
  0% {
      -webkit-transform: translateY(6px);
      transform: translateY(6px)
  }

  50% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px)
  }

  100% {
      -webkit-transform: translateY(6px);
      transform: translateY(6px)
  }
}

@keyframes logo-slogan {
  0% {
      -webkit-transform: translateY(6px);
      transform: translateY(6px)
  }

  50% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px)
  }

  100% {
      -webkit-transform: translateY(6px);
      transform: translateY(6px)
  }
}

@-webkit-keyframes logo-slogan-sink {
  100% {
      -webkit-transform: translateY(6px);
      transform: translateY(6px)
  }
}

@keyframes logo-slogan-sink {
  100% {
      -webkit-transform: translateY(6px);
      transform: translateY(6px)
  }
}

.header[data-c-kkOA-Dw] {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative
}

.header[data-c-KMJTHz] {
  color: var(--title-color);
  font-weight: var(--font-semi-bold);
  font-size: 4rem
}

.header[data-c-i7r2eF] {
  width: 2.5rem;
  animation: none
}

.header[data-c-xbY4H6] {
  font-size: 2rem;
  margin-left: 6px;
  font-weight: 600
}

.header[data-c-zvtVu5] {
  display: flex
}

@media screen and (max-width: 768px) {
  .header[data-c-zvtVu5] {
      margin:-1rem;
      top: -50rem;
      width: 100%;
      background: var(--color-tipo-1) none repeat scroll 0% 0%;
      color: var(--title-color);
      padding: 3rem 1rem 2rem;
      border-radius: 10px;
      box-shadow: 0 2px 6px #161616;
      z-index: var(--z-fixed);
      transition: .4s;
      text-align: center;
      position: fixed;
      flex-wrap: wrap;
      flex-direction: column;
      align-content: center;
      align-items: center;
      display: none
  }
}

@media screen and (min-width: 768px) {
  .header[data-c-QmbEwb] {
      display:flex;
      align-items: center;
  }
}

.header[data-c-viY6df] {
  color: var(--title-color);
  width: 7.5rem;
  text-decoration: none;
  cursor: pointer
}

.header[data-c-2nN6DJ] {
  text-decoration: none;
  height: 3.5rem;
  cursor: pointer
}

.header[data-c-ygQoV5] {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header[data-c-E4SKBo] {
  align-items: center;
  justify-content: center;
  align-content: center
}

.header[data-c-iwAMFs] {
  margin-bottom: var(--mb-3)
}

@media screen and (min-width: 768px) {
  .header[data-c-iwAMFs] {
      margin:0 1rem;
      margin-bottom: 0
  }
}

.header[data-c-gqhnLi] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 300px;
  padding: 10px 14px;
  background: var(--color-tipo-1);
  transition: var(--tran-05);
  z-index: 100;
  user-select: none
}

.header[data-c-gqhnLi].close {
  width: 88px
}

.header[data-c-gqhnLi] li {
  height: 50px;
  list-style: none;
  display: flex;
  align-items: center;
  margin-top: 10px
}

.header[data-c-gqhnLi] header .image,.header[data-c-gqhnLi] .icon {
  min-width: 60px;
  border-radius: 6px
}

.header[data-c-gqhnLi] .icon {
  min-width: 60px;
  border-radius: 6px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px
}

.header[data-c-gqhnLi] .text,.header[data-c-gqhnLi] .icon {
  color: var(--text-color);
  transition: var(--tran-03)
}

.header[data-c-gqhnLi] .text {
  font-size: 17px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 1
}

.header[data-c-pnjXBn]:hover {
  color: var(--first-color)
}

.header[data-c-gqhnLi].close .text {
  opacity: 0
}

.header[data-c-gqhnLi] header {
  position: relative
}

.header[data-c-gqhnLi] header .image-text {
  display: flex;
  align-items: center
}

.header[data-c-gqhnLi] header .logo.text {
  display: flex;
  flex-direction: column
}

header .image-text .name {
  margin-top: 2px;
  font-size: 18px;
  font-weight: 600
}

header .image-text .profession {
  font-size: 16px;
  margin-top: -2px;
  display: block
}

.header[data-c-gqhnLi] header .image {
  display: flex;
  align-items: center;
  justify-content: center
}

.header[data-c-gqhnLi] header .image img {
  width: 40px;
  border-radius: 6px
}

.header[data-c-gqhnLi] header .toggle {
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%) rotate(180deg);
  height: 25px;
  width: 25px;
  background-color: var(--first-color);
  color: var(--text-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  transition: var(--tran-05)
}

body.dark .header[data-c-gqhnLi] header .toggle {
  color: var(--text-color)
}

.header[data-c-gqhnLi].close .toggle {
  transform: translateY(-50%) rotate(0deg)
}

.header[data-c-gqhnLi] .menu {
  margin-top: 40px
}

.header[data-c-gqhnLi] li.search-box {
  border-radius: 6px;
  background-color: var(--color-button);
  cursor: pointer;
  transition: var(--tran-05)
}

.header[data-c-gqhnLi] li.search-box input {
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  background-color: var(--color-button);
  color: var(--text-color);
  border-radius: 6px;
  font-size: 17px;
  font-weight: 500;
  transition: var(--tran-05)
}

.header[data-c-gqhnLi] li a {
  list-style: none;
  height: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  text-decoration: none;
  transition: var(--tran-03)
}

.header[data-c-gqhnLi] li a:hover {
  background-color: var(--color-button)
}

.header[data-c-gqhnLi] li a:hover .icon,.header[data-c-gqhnLi] li a:hover .text {
  color: var(--text-color)
}

body.dark .header[data-c-gqhnLi] li a:hover .icon,body.dark .header[data-c-gqhnLi] li a:hover .text {
  color: var(--text-color)
}

.header[data-c-gqhnLi] .menu-bar {
  height: calc(100% - 55px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: scroll
}

.header[data-c-gqhnLi] .menu-bar .mode {
  border-radius: 6px;
  background-color: var(--color-button);
  position: relative;
  transition: var(--tran-05)
}

.header[data-c-gqhnLi].close~.home {
  left: 78px;
  height: 100vh;
  width: calc(100% - 78px)
}

.slipstream[data-c-95487] {
  max-width: 1150px;
  width: calc(100% - 3rem);
  margin-left: var(--mb-3);
  margin-right: var(--mb-3)
}

.slipstream[data-commandsbox] {
  max-width: 700px;
  width: calc(100% - 3rem);
  margin-left: var(--mb-3);
  margin-right: var(--mb-3)
}

@media screen and (min-width: 968px) {
  .slipstream[data-c-95487] {
      margin-left:auto;
      margin-right: auto
  }
}

@media screen and (min-width: 968px) {
  .slipstream[data-commandsbox] {
      margin-left:auto;
      margin-right: auto;
  }
}

.menu-bar::-webkit-scrollbar {
  display: none
}

.menu-bar .mode .sun-moon {
  height: 50px;
  width: 60px
}

.mode .sun-moon i {
  position: absolute
}

.mode .sun-moon i.sun {
  opacity: 0
}

body.dark .mode .sun-moon i.sun {
  opacity: 1
}

body.dark .mode .sun-moon i.moon {
  opacity: 0
}

.menu-bar .bottom-content .toggle-switch {
  min-width: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer
}

.toggle-switch .switch {
  position: relative;
  height: 22px;
  width: 40px;
  border-radius: 25px;
  background-color: var(--text-color);
  transition: var(--tran-05)
}

.switch::before {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  background-color: var(--first-color);
  transition: var(--tran-04)
}

.home .text {
  font-size: 30px;
  font-weight: 500;
  color: var(--text-color);
  padding: 12px 60px
}

.header[data-c-wJnvaD] {
  padding-top: .625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
  padding-right: .75rem;
  filter: opacity(.4)
}

.header[data-c-M4YvSj] {
  background-color: var(--first-color);
  height: 1px;
  width: 100%
}

.header[data-c-S4YFSj] {
  color: var(--title-color);
  width: 11rem
}

.header[data-c-S4YFSj]:hover {
  color: var(--color-close);
  width: 11rem
}

@media screen and (min-width: 768px) {
  .header[data-c-UFroMx] {
      position:absolute;
      width: 13rem;
      inset: 0 auto auto 0;
      transform: translate(-9.5rem,4rem);
      --popper-transform-origin: top right;
      box-shadow: var(--color-neto) 0 1px 3px;
      border-radius: 8px;
      background: var(--color-tipo-1);
      -webkit-transition: opacity .125s,visibility .125s,-webkit-transform .125s;
      transition: all .3s ease-in-out 0s,visibility 0s linear 0s,z-index 0s linear .3s;
      z-index: 1
  }

  .header[data-c-ttq39o] {
      position: absolute;
      width: 13rem;
      inset: 0 auto auto 0;
      transform: translate(-4.5rem,4rem);
      --popper-transform-origin: top right;
      box-shadow: var(--color-neto) 0 1px 3px;
      border-radius: 8px;
      background: var(--color-tipo-1);
      -webkit-transition: opacity .125s,visibility .125s,-webkit-transform .125s;
      transition: all .3s ease-in-out 0s,visibility 0s linear 0s,z-index 0s linear .3s;
      z-index: 1
  }
}

.context-menu {
  position: fixed;
  z-index: 10000;
  transform: scale(0);
  transform-origin: top left
}

.visible {
  transform: scale(1);
  transition: transform 200ms ease-in-out
}

#DZHTT3 {
  height: 100vh
}

#Ska26k {
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  background: var(--color-tipo-1);
  border-radius: 8px;
  margin: -20px 0 0 -100px;
  padding: 2px
}

#S7Fpn2 {
  transition: all .5s ease 0s;
  height: 20px;
  width: calc(100% - 10px);
  border-radius: 8px;
  background: var(--first-color);
  position: absolute;
  margin: 3px;
  display: inline-block;
  animation: load 5s ease infinite
}

#B5UaWg {
  font-weight: 700;
  text-align: center;
  margin-top: -30px;
  color: var(--text-color)
}

@keyframes load {
  0% {
      width: 2%
  }

  10% {
      width: 10%
  }
}

#f4zk54 {
  z-index: 9999;
  position: fixed;
  animation: animacion1 5s linear;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

@keyframes animacion1 {
  0% {
      top: 0;
      left: 0;
      transform: scaleX(1)
  }

  30% {
      top: 0;
      left: 100rem;
      transform: scaleX(1)
  }

  60% {
      top: 50rem;
      left: 100rem;
      transform: scaleX(-1)
  }

  80% {
      top: 50rem;
      left: 0;
      transform: scaleX(-1)
  }

  100% {
      top: 0;
      left: 0;
      transform: scaleX(1)
  }
}