*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    resize: none;
    border: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

::-webkit-scrollbar
{
  width: 0px;
  height: 80%;
	background-color: transparent;
}
::-webkit-scrollbar-track
{
  background:rgb(24, 24, 24);
}
p::-webkit-scrollbar-track
{
  background:transparent;
}
::-webkit-scrollbar-thumb
{
  background-color:#2a2a2a;
  width: 3px;
	border-radius: 20px;
}
::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb{
  width: 3px;
}

.aether_custom_popup::-webkit-scrollbar-thumb
{
  background-color:#009cd6;
  width: 3px;
	border-radius: 20px;
}

.aether_custom_popup::-webkit-scrollbar
{
  width: 2px;
  height: 100%;
	background-color: transparent;
}

@font-face {
    font-family: font1;
    src: url(./assets/fonts/DMSans-VariableFont_opsz\,wght.ttf);
}

.login_signup__input::placeholder
{
    color: #e6f1ff;
}


.fade_in_out__text
{
    opacity: .7;
    transition: opacity linear .3s;
}
.fade_in_out__text:hover
{
    opacity: 1;
}


.tab_entry {
  opacity: 0;
  animation: fadeSlideIn 0.8s ease-out 0.2s forwards;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.mainPage__topTab__main_wallet_adx_section_li_template_walletRef
{
  color: rgba(255 , 255 , 255 , .5);
  cursor: pointer;
  transition: color linear .3s;
}

.mainPage__topTab__main_wallet_adx_section_li_template_walletRef:hover
{
  color:#3375bb ;
}

.mainPage__topTab__main_acc_sec_wallet_copy_sec__cls{
  opacity: .6;
  transition: opacity linear .3s;
}

.mainPage__topTab__main_acc_sec_wallet_copy_sec__cls:hover
{
  opacity: 1;
}

.button_hover__sp1
{
  position: relative;
  isolation: isolate;
  cursor: pointer;
}
.button_hover__sp1::after
{
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width:100%;
  border-radius: inherit;
  background-color: rgba(255 , 255 , 255 , .08);
  display: none;
}
.button_hover__sp1:hover.button_hover__sp1::after
{
  display: block;
}

.sendTokenPage__backBtn
{
  transition: all linear .2s;
  cursor: pointer;
}
.sendTokenPage__backBtn:hover
{
  background-color: rgb(24, 24, 24);
}


/*Main tabs entry animation*/
@keyframes base_tabEnter {
  0% {
    opacity: 0;
    /* transform: translateY(30px); */
    /* filter: blur(2px); */
  }
  100% {
    opacity: 1;
    /* transform: translateY(0); */
    /* filter: blur(0); */
  }
}

.base__tabs {
  animation: base_tabEnter .4s ease-out forwards;
}

.swap__tabs_entry {
  animation: base_tabEnter .7s linear;
  transition: all linear .2s;
}


.skeleton-loader {
  position: relative;
  /* isolation: isolate; */
  width:50px;
  height:20px;
}

.skeleton-loader-long {
  position: relative;
  /* isolation: isolate; */
  width:100px;
  height:20px;
}

.skeleton-loader::after , .skeleton-loader-long::after
{
  content: "";
  position: absolute;
  /* z-index: -1; */
  top: 0;
  left: 0;
  background: linear-gradient(
    90deg,
    #3a3a3a 25%,
    #4a4a4a 37%,
    #3a3a3a 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.2s infinite;
  height:100%;
  width: 100%;
  border-radius: 10px;
}

@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}


.docs__searchTab
{
  isolation: isolate;
}


.docs__searchTab::after
{
  content: "";
  z-index: -1;
  position: absolute;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
  background:rgb(31 , 31 , 31);
  height:100px;
  width:100vw;
}

.swapToken_main_swap_el_main_el2_mainTab_gen_el1_amountHolder
{
  caret-color: rgba(255 , 255 , 255 , .5);
}
.swapToken_main_swap_el_main_el2_mainTab_gen_el1_amountHolder::placeholder
{
  color:rgba(255 , 255 , 255 , .5);
}

.ascend{
  animation: ascend_a;
  animation-duration: .5s;
}
.descend{
  animation: descend_a;
  animation-duration: .5s;
}

@keyframes ascend_a{
  from{
    transform: translateY(30px);
  }
  to{
    transform: translateY(0px);
  }
}

@keyframes descend_a{
  from{
    transform: translateY(-30px);
  }
  to{
    transform: translateY(0px);
  }
}

.ascend_major_bottom , .ascend_major_top , .descend_major_bottom , .descend_major_top
{
  animation-duration: .7s;
}
.ascend_major_bottom{animation-name: ascend_major_bottom;}
.ascend_major_top{animation-name: ascend_major_top;animation-duration: .5s;}
.descend_major_bottom{animation-name: descend_major_bottom;}
.descend_major_top{animation-name: descend_major_top;}

@keyframes ascend_major_bottom {
    from{
      transform: translateY(100%);
    }
    to{
      transform: translateY(0%);
    }
}
@keyframes ascend_major_top {
    from{
      transform: translateY(0%);
    }
    to{
      transform: translateY(-200%);
    }
}
@keyframes descend_major_bottom {
    from{
      transform: translateY(0%);
    }
    to{
      transform: translateY(100%);
    }
}
@keyframes descend_major_top {
    from{
      transform: translateY(-100%);
    }
    to{
      transform: translateY(0%);
    }
}

.pulsating_text{
  will-change: opacity, transform;
  animation: pulse-opacity infinite;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
}

@keyframes pulse-opacity {
  0%   { opacity: 1; transform: scale(1); }
  50%  { opacity: .35; transform: scale(0.995); }
  100% { opacity: 1; transform: scale(1); }
}

.radiate_chain{
  will-change: opacity;
  animation: radiate-opacity infinite;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}

@keyframes radiate-opacity {
  0%   { opacity: 1;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}

.chain_blub_strain_effect::after , .chain_blub_strain_effect_::after
{
  content: "";
  position: absolute;
  top: 50%;
  left:calc(100% + 5px);
  height:2px;
  width:120px;
  background: linear-gradient(to right, #009cd6 , transparent);
  transform:translateY(-3px)
}

.chain_blub_strain_effect::before , .chain_blub_strain_effect_::before
{
  content: "";
  position: absolute;
  top: 50%;
  left:calc(0% - 5px);
  height:2px;
  width:120px;
  background: linear-gradient(to left, #009cd6 , transparent);
  transform:translateY(-3px) translateX(-100%);
}
.chain_blub_strain_effect_::after
{
  transform: translateY(2px);
}
.chain_blub_strain_effect_::before
{
  transform: translateY(2px) translateX(-100%);
}

@keyframes tabSlideIn {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  60% {
    transform: translateX(-10%);
    opacity: 1;
  }
  80% {
    transform: translateX(5%);
  }
  100% {
    transform: translateX(0);
  }
}

.tab-side-entry {
  animation: tabSlideIn 0.6s ease-out forwards;
}