/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/web/src/styles.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
h1, h2, h3 {
  font-weight: bold;
  background: linear-gradient(to right top, #BB00DE, #500CEB);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  text-transform: uppercase;
  font-family: "Paytone One", sans-serif;
}

h1.white, h3.white {
  background: none;
  -webkit-text-fill-color: #fff;
}

.glow {
  text-shadow: 0 0 10px #bb00de, 0 0 20px #bb00de, 0 0 30px #bb00de, 0 0 40px #bb00de;
}

.low_glow {
  text-shadow: 0 0 10px #bb00de, 0 0 20px #bb00de;
}

.white_glow {
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff;
}

.purple {
  color: #bb00de;
}

/* Global window animations */
/* Epic NFT window animations (global to avoid component budget) */
.window.window-opening {
  opacity: 0;
  transform: scale(0.1);
  animation: smoothEpicWindowOpen 10s linear forwards;
  transform-origin: center center;
}

@keyframes smoothEpicWindowOpen {
  0% {
    opacity: 0;
    transform: scale(0.1);
    width: 300px;
    height: 200px;
    left: 50vw;
    top: 50vh;
    margin-left: -150px;
    margin-top: -100px;
  }
  20% {
    opacity: 1;
    transform: scale(0.2);
    width: 300px;
    height: 200px;
    left: 50vw;
    top: 50vh;
    margin-left: -150px;
    margin-top: -100px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    width: 90vw;
    height: 85vh;
    left: 5vw;
    top: 7.5vh;
    margin-left: 0;
    margin-top: 0;
  }
}
.window.window-closing {
  animation: windowClose 0.3s cubic-bezier(0.55, 0.05, 0.675, 0.19) forwards;
}

.window.window-minimizing {
  animation: windowMinimize 0.3s cubic-bezier(0.55, 0.05, 0.675, 0.19) forwards;
}

.window.window-restoring {
  animation: windowRestore 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

.window.minimized {
  display: none;
}

@keyframes windowClose {
  0% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.8) rotateX(-5deg);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) rotateX(-15deg) rotateY(10deg);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes windowMinimize {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.8) translateY(10px);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateY(calc(100vh - 50px));
  }
}
@keyframes windowRestore {
  0% {
    opacity: 0;
    transform: scale(0.1) translateY(calc(100vh - 50px));
  }
  50% {
    opacity: 0.7;
    transform: scale(0.8) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/* Default smooth zoom/fade animations */
.window-opening-default {
  animation: winOpen 333ms ease both;
}

.window-closing-default {
  animation: winClose 333ms ease both;
}

.window-minimizing-default {
  animation: winClose 333ms ease both;
}

.window-restoring-default {
  animation: winOpen 333ms ease both;
}

@keyframes winOpen {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes winClose {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.95);
  }
}

/*# sourceMappingURL=styles.css.map*/