@charset "UTF-8";

.cssskin-GRA_TOP {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    30deg,
    #d7b6a6cc,
    #6e9b77c3,
    #88a9b9cd,
    #c1a89bcc,
    #5f8b69c9,
    #9aa09b9d,
    #7fbf92c8,
    #5f7e9ed1,
    #7f8580cb,
    #82a47caf,
    #6aa3a7d0,
    #708b6fc3,
    #7d91a7cd,
    #d2b19bc2,
    #567a5ad1,
    #8e928abb,
    #9cab89c4,
    #6c7f9ece,
    #9dc9a6c9,
    #d7b6a6cc,
    #6e9b77c3,
    #88a9b9cd,
    #c1a89bcc,
    #5f8b69c9,
    #8fb6d2d0,
    #9aa09b9d,
    #7fbf92c8,
    #5f7e9ed1,
    #7f8580cb,
    #82a47caf,
    #6aa3a7d0,
    #708b6fc3,
    #7d91a7cd,
    #d2b19bc2,
    #567a5ad1,
    #8e928abb,
    #9cab89c4,
    #6c7f9ece,
    #9dc9a6c9,
    #c49a89cc
  );
  background-size: 2200% 2200%;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  animation: GradientBackground 720s ease infinite;
}

@keyframes GradientBackground {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

html,
body,
#page,
.bg-document {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
#page::-webkit-scrollbar,
.bg-document::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
*::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.show-scrollbar {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}
.show-scrollbar::-webkit-scrollbar {
  display: initial;
  width: 8px;
  height: 8px;
}