canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.loading-screen {
  background-color: #ff2522;
  width: 0%;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.load-container {
  z-index: 50;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.fixed {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
}

.slider-top {
  z-index: 10;
  background: #ae97cd;
  flex-direction: column;
  align-items: center;
  width: 25vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  right: -100%;
}

.slider-bottom {
  z-index: 5;
  background: #111;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100%;
}

.slider-top__container {
  text-transform: uppercase;
  min-width: 200px;
  max-width: 300px;
  height: 100vh;
  position: relative;
}

.pricinglist__wrapper {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-size: 5rem;
  display: flex;
}

.pricing__list {
  font-family: articulat-cf, sans-serif;
  font-size: 1.75rem;
  font-weight: 900;
  text-decoration: none;
}

ul.pricing__list {
  flex-direction: column;
  list-style: none;
  display: flex;
}

ul.pricing__list > li > a {
  color: #8e0b5c;
  text-decoration: none;
}

ul.pricing__list > li > a:before, ul.pricing__list > li > a:active, ul.pricing__list.li.a:after {
  content: "";
}

ul.pricing__list > li:hover {
  opacity: .7;
  animation: .7s cubic-bezier(.25, .46, .45, .94) .3s both text-pop-up-right;
}

.slide-in-top {
  animation: .7s cubic-bezier(.455, .03, .515, .955) both slide-in-top;
}

.transitionsheet__block {
  text-align: center;
  background: #fff;
  flex-direction: column;
  place-content: center;
  align-self: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.transitionsheet__block a {
  text-decoration: none;
}

@keyframes slide-in-top {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}