/* _content/Website/Components/Controls/Waves.razor.rz.scp.css */
.waves[b-wzad18ulgd] {
  display: block;
  margin-top: 60px;
  width: 100%;
  height: 60px;
  z-index: 5;
  position: relative; }
  .waves.top[b-wzad18ulgd] {
    margin-top: 0px;
    margin-bottom: 0px;
    transform: rotate(180); }

.wave1 use[b-wzad18ulgd] {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1-b-wzad18ulgd 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s; }

.wave2 use[b-wzad18ulgd] {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2-b-wzad18ulgd 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s; }

.wave3 use[b-wzad18ulgd] {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3-b-wzad18ulgd 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s; }

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%); }
  100% {
    transform: translate(-90px, 0%); } }

@keyframes move-forever1-b-wzad18ulgd {
  0% {
    transform: translate(85px, 0%); }
  100% {
    transform: translate(-90px, 0%); } }

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%); }
  100% {
    transform: translate(85px, 0%); } }

@keyframes move-forever2-b-wzad18ulgd {
  0% {
    transform: translate(-90px, 0%); }
  100% {
    transform: translate(85px, 0%); } }

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%); }
  100% {
    transform: translate(85px, 0%); } }

@keyframes move-forever3-b-wzad18ulgd {
  0% {
    transform: translate(-90px, 0%); }
  100% {
    transform: translate(85px, 0%); } }
/* _content/Website/Components/Layout/Footer.razor.rz.scp.css */
footer[b-1p1qr58h1n] {
  border-top: 1px solid var(--bs-dark-text-emphasis);
  background-color: #202020; }
/* _content/Website/Components/Layout/Header.razor.rz.scp.css */
.navbar[b-ldcjb1gswo] {
  background-color: rgba(42, 42, 42, 0.8);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%); }
/* _content/Website/Components/Pages/Blog.razor.rz.scp.css */
ul[b-21n4mpscpc] {
  padding-left: 0px; }
  ul li[b-21n4mpscpc] {
    list-style-type: none; }
    ul li a[b-21n4mpscpc], ul li a *[b-21n4mpscpc] {
      color: rgba(255, 255, 255, 0.55) !important;
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; }
      ul li a:hover[b-21n4mpscpc], ul li a:hover *[b-21n4mpscpc], ul li a *:hover[b-21n4mpscpc], ul li a *:hover *[b-21n4mpscpc] {
        color: rgba(255, 255, 255, 0.75) !important; }
        ul li a:hover h4[b-21n4mpscpc], ul li a:hover * h4[b-21n4mpscpc], ul li a *:hover h4[b-21n4mpscpc], ul li a *:hover * h4[b-21n4mpscpc] {
          color: white !important; }
      ul li a h4[b-21n4mpscpc], ul li a * h4[b-21n4mpscpc] {
        color: white !important;
        margin-top: 1rem; }
      ul li a .details[b-21n4mpscpc], ul li a * .details[b-21n4mpscpc] {
        min-width: 200px;
        align-content: center; }
        ul li a .details p[b-21n4mpscpc], ul li a * .details p[b-21n4mpscpc] {
          margin-bottom: 0px; }
/* _content/Website/Components/Pages/Download.razor.rz.scp.css */
.nav-pills .nav-link.active[b-mbwumcb5oq],
.nav-pills .show > .nav-link[b-mbwumcb5oq],
.btn[b-mbwumcb5oq] {
  color: #fff;
  background-color: #a875d7;
  border-color: #a875d7; }

.nav-link[b-mbwumcb5oq] {
  color: rgba(255, 255, 255, 0.55); }

.nav-link:focus[b-mbwumcb5oq],
.nav-link:hover[b-mbwumcb5oq] {
  color: rgba(255, 255, 255, 0.75); }
/* _content/Website/Components/Pages/Home.razor.rz.scp.css */
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
@-webkit-keyframes hero-bg-scrolling {
  0% {
    background-position: 0px 196px; } }

@keyframes hero-bg-scrolling-b-hav1j0b5ua {
  0% {
    background-position: 0px 196px; } }

@keyframes hero-title-shade-b-hav1j0b5ua {
  to {
    background-position: 100% 0; } }

@property --hero-download-button-angle {
  inherits: true;
  initial-value: 0deg;
  syntax: '<angle>'; }

@keyframes hero-download-button-spin-b-hav1j0b5ua {
  to {
    --hero-download-button-angle: 360deg; } }

section.transparent[b-hav1j0b5ua] {
  background-color: unset; }

section .screenshot[b-hav1j0b5ua] {
  -webkit-user-drag: none;
  backdrop-filter: blur(60px) saturate(150%);
  background-color: #212121;
  border: 0px;
  border-radius: calc(16px/1.5);
  box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.37), 0px 2px 21px rgba(0, 0, 0, 0.37);
  user-select: none; }

section ul[b-hav1j0b5ua] {
  list-style: none;
  padding: 0; }
  section ul li[b-hav1j0b5ua] {
    padding-bottom: 10px; }
    section ul li i.bi[b-hav1j0b5ua] {
      font-size: 24px; }

section i[b-hav1j0b5ua] {
  font-size: 16px;
  padding-right: 2px;
  line-height: 0; }
  section i.bi[b-hav1j0b5ua] {
    color: #a875d7; }

section h3[b-hav1j0b5ua] {
  font-weight: 400;
  font-size: 32px; }

.hero[b-hav1j0b5ua] {
  position: relative;
  overflow: hidden; }
  .hero[b-hav1j0b5ua]::before {
    content: '';
    position: absolute;
    width: 2000%;
    height: 2000%;
    top: -1000%;
    left: -1000%;
    z-index: -1;
    background: url("images/hero-tile.png") repeat 0 0;
    background-color: rgba(91, 42, 134, 0.95);
    overflow: hidden;
    transform: rotateX(15deg) rotateZ(-15deg) skewX(15deg);
    transform-style: preserve-3d;
    -webkit-animation: hero-bg-scrolling 20s infinite;
    animation: hero-bg-scrolling-b-hav1j0b5ua 20s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  .hero .title[b-hav1j0b5ua] {
    vertical-align: top;
    color: unset;
    background: linear-gradient(to right bottom, white 30%, rgba(255, 255, 255, 0.3)) text;
    -webkit-box-decoration-break: clone;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-decoration: inherit;
    text-wrap: balance; }
    .hero .title h1[b-hav1j0b5ua] {
      max-width: 75%;
      margin-bottom: 8px;
      font-family: var(--font-family-display);
      font-size: 36px; }
    .hero .title h4[b-hav1j0b5ua] {
      max-width: 50%;
      text-wrap: pretty;
      font-size: 16px; }
    @media (min-width: 576px) {
      .hero .title h1[b-hav1j0b5ua] {
        font-size: 40px; } }
    @media (min-width: 768px) {
      .hero .title h1[b-hav1j0b5ua] {
        font-size: 48px; }
      .hero .title h4[b-hav1j0b5ua] {
        font-size: 18px; } }
    @media (min-width: 992px) {
      .hero .title h1[b-hav1j0b5ua] {
        font-size: 50px; }
      .hero .title h4[b-hav1j0b5ua] {
        font-size: 20px; } }
    @media (min-width: 1200px) {
      .hero .title h1[b-hav1j0b5ua] {
        font-size: 60px; }
      .hero .title h4[b-hav1j0b5ua] {
        font-size: 22px; } }
    @media (min-width: 1400px) {
      .hero .title h1[b-hav1j0b5ua] {
        font-size: 74px; }
      .hero .title h4[b-hav1j0b5ua] {
        font-size: 24px; } }
  .hero .screenshot[b-hav1j0b5ua] {
    padding: 0;
    max-width: 75%;
    height: auto; }
  .hero .download-button-scene[b-hav1j0b5ua] {
    --point: #f7856e;
    --spectrum: var(--point), var(--point);
    --blur: 12;
    --brightness: 1.25;
    --border: 2;
    --border-radius: 32px;
    --speed: 4;
    --line: white;
    --transition: 0.25s;
    --intent: 0;
    margin: 64px 0px 64px 0px;
    transform-style: preserve-3d;
    transition: transform 1s 3s;
    animation: hero-download-button-spin-b-hav1j0b5ua calc(var(--speed) * 1s) infinite linear running; }
    .hero .download-button-scene[b-hav1j0b5ua]::before {
      content: "Blurred Pseudo";
      position: absolute;
      right: calc(100% + 4rem);
      white-space: nowrap;
      top: 0%;
      font-weight: 200;
      opacity: 0;
      transition: opacity 0.25s 0.5s; }
    .hero .download-button-scene[b-hav1j0b5ua]::after {
      content: "";
      height: calc(50% + (var(--border) * 1px));
      width: calc(100% + (var(--border) * 2px));
      position: absolute;
      left: 50%;
      top: 50%;
      translate: -50% 0;
      z-index: -1;
      opacity: 0;
      background: conic-gradient(from var(--hero-download-button-angle, 0deg) in hsl longer hue, var(--spectrum)) 50% 100%/200% 200% border-box;
      border-radius: 50% 50% var(--border-radius) var(--border-radius)/20px 20px var(--border-radius) var(--border-radius);
      filter: blur(calc(var(--blur) * 1px)) brightness(calc(var(--brightness)));
      scale: calc((0.5 + (var(--intent, 0) * 0.46)) - var(--active, 0));
      transition: transform 1s 1s, opacity 0.25s 1s; }
    .hero .download-button-scene button[b-hav1j0b5ua] {
      padding: 12px 16px;
      border-radius: var(--border-radius);
      border: calc(var(--border) * 1px) solid transparent;
      background: linear-gradient(#813dc2, #813dc2) padding-box, linear-gradient(#813dc2 40%, transparent 60%) border-box, conic-gradient(from var(--hero-download-button-angle, 0deg) in hsl longer hue, var(--spectrum)) 50% 50%/200% 200% border-box;
      position: relative;
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      text-decoration: none;
      transition: color .15s ease-in-out, background .15s ease-in-out; }
      .hero .download-button-scene button[b-hav1j0b5ua]::before {
        content: "";
        height: calc(50% + (var(--border) * 1px));
        width: calc(100% + (var(--border) * 2px));
        position: absolute;
        left: 50%;
        top: 50%;
        translate: -50% 0;
        z-index: -1;
        background: conic-gradient(from var(--hero-download-button-angle, 0deg) in hsl longer hue, var(--spectrum)) 50% 100%/200% 200% border-box;
        border-radius: 50% 50% var(--border-radius) var(--border-radius)/20px 20px var(--border-radius) var(--border-radius);
        filter: blur(calc(var(--blur) * 1px)) brightness(calc(var(--brightness)));
        scale: calc((0.5 + (var(--intent, 0) * 0.46)) - var(--active, 0));
        transition: scale var(--transition); }
      .hero .download-button-scene button[b-hav1j0b5ua]::after {
        content: "";
        position: absolute;
        inset: calc(var(--border) * -1px);
        pointer-events: none;
        border: calc(var(--border) * 1px) solid transparent;
        border-radius: var(--border-radius);
        opacity: calc(1 - var(--intent, 0));
        transition: opacity var(--transition); }
      .hero .download-button-scene button:is(:hover, :focus-visible)[b-hav1j0b5ua] {
        --intent: 1;
        outline: none;
        color: #fff;
        background: linear-gradient(#a875d7, #a875d7) padding-box, linear-gradient(#a875d7 40%, transparent 60%) border-box, conic-gradient(from var(--hero-download-button-angle, 0deg) in hsl longer hue, var(--spectrum)) 50% 50%/200% 200% border-box; }
        .hero .download-button-scene button:is(:hover, :focus-visible) i[b-hav1j0b5ua] {
          margin-left: 12px;
          margin-right: 4px; }
          .hero .download-button-scene button:is(:hover, :focus-visible) i.bi[b-hav1j0b5ua] {
            color: inherit !important; }
      .hero .download-button-scene button:active[b-hav1j0b5ua] {
        --active: 1; }
      .hero .download-button-scene button span[b-hav1j0b5ua] {
        margin-left: 8px; }
      .hero .download-button-scene button i[b-hav1j0b5ua] {
        font-size: inherit;
        margin-left: 8px;
        margin-right: 8px;
        transition: all .25s ease-in-out; }
        .hero .download-button-scene button i.bi[b-hav1j0b5ua] {
          color: inherit !important; }
/* _content/Website/Components/Pages/Post.razor.rz.scp.css */
time[b-ny9de5tafh] {
  align-items: center;
  display: flex; }

time > .pipe[b-ny9de5tafh] {
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 9999px;
  width: 2px;
  height: 16px;
  font-size: 16px;
  line-height: 28px; }

time > .date[b-ny9de5tafh] {
  margin-left: .75rem;
  color: rgba(255, 255, 255, 0.55); }