.gap {
    height: 100px;
}

.margin0 {
    margin: 0,0,0,0;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

textarea {
    resize: none;
    outline: none;
    border: none;
}

button:focus {
	outline: none;
}



body::-webkit-scrollbar-thumb
{
    background-color: var(--main-color);
    background-size: cover;
    box-shadow: 0px 0px 25px var(--main-color);
    background-position: center,center;
}

body::-webkit-scrollbar-thumb:hover
{
    background-size: cover;
    cursor: pointer;
}


body::-webkit-scrollbar {
    width: .5rem;
  }



body::-webkit-scrollbar-track {
    transition: all .5s;
    background-color: var(--background-color);
    background-size: cover;
    background-position: center,center;
}


@keyframes appear {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(1.25);
    }
    35% {
        transform: scale(1);
    }
    85% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes fill {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@keyframes loader {
    0% {
        width: 100%;
    }
    1% {
        width: 0%;
    }

    80% {
        width: 100%;
    }
}


.nixis-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .nixis-switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .nixis-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--background-color-darker);
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .nixis-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .nixis-slider {
	background-color: var(--main-color);
  }

  
  input:checked + .nixis-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded nixis-sliders */
  .nixis-slider.round {
	border-radius: 34px;
  }
  
  .nixis-slider.round:before {
	border-radius: 50%;
  }



  textarea::-webkit-scrollbar-thumb
  {
      background-color: var(--main-color);
      background-size: cover;
      box-shadow: 0px 0px 25px var(--main-color);
      background-position: center,center;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
  }

  textarea::-webkit-scrollbar-thumb:hover
  {
      background-size: cover;
      cursor: pointer;
  }


  textarea::-webkit-scrollbar {
      width: .5rem;
  }


  .scroller::-webkit-scrollbar-thumb
  {
      background: var(--gradient1);
      background-size: cover;
      background-position: center,center;
      border-radius: .2rem;
  }

  .scroller::-webkit-scrollbar-thumb:hover
  {
      background-size: cover;
      cursor: pointer;
  }


  .scroller::-webkit-scrollbar {
      width: .5rem;
      background: var(--background-color-light);
      border-radius: .2rem;
  }


  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
      transition: background-color 5000000000000000s ease-in-out 0s;
      background-color: white !important;
  }