/* /Components/404.razor.rz.scp.css */
*[b-6f9i2xpnov],
*[b-6f9i2xpnov]:after,
*[b-6f9i2xpnov]:before {
  box-sizing: border-box;
  transform-style: preserve-3d;
}

:root[b-6f9i2xpnov] {
  --shadow: hsl(0 0% 0% / 0.9);
  --bg: hsl(0 0% 70%);
  --header: hsl(0 0% 65%);
  --lit-header: hsl(0 0% 100%);
  --speed: 2s;
  --ease: linear( 0 0%, 0.0036 9.62%, 0.0185 16.66%, 0.0489 23.03%, 0.0962 28.86%, 0.1705 34.93%, 0.269 40.66%, 0.3867 45.89%, 0.5833 52.95%, 0.683 57.05%, 0.7829 62.14%, 0.8621 67.46%, 0.8991 70.68%, 0.9299 74.03%, 0.9545 77.52%, 0.9735 81.21%, 0.9865 85%, 0.9949 89.15%, 1 100% );
  color-scheme: dark only;
}

body[b-6f9i2xpnov] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  gap: 1rem;
  background: var(--bg);
  font-family: "Roboto", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", Helvetica, Arial, sans-serif, system-ui;
  perspective: 1200px;
}

body[b-6f9i2xpnov]::before {
  --size: 45px;
  --line: color-mix(in lch, canvas, transparent 85%);
  content: "";
  height: 100vh;
  width: 100vw;
  position: fixed;
  background: linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50%/var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50%/var(--size) var(--size);
  mask: linear-gradient(-35deg, transparent 30%, white);
  top: 0;
  transform-style: flat;
  pointer-events: none;
  z-index: -1;
}

@property --swing-x {
  initial-value: 0;
  inherits: false;
  syntax: "<integer>";
}
@property --swing-y {
  initial-value: 0;
  inherits: false;
  syntax: "<integer>";
}
/* a {
  text-transform: uppercase;
  text-decoration: none;
  background: var(--button);
  color: var(--button-color);
  padding: 1rem 4rem;
  border-radius: 4rem;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
} */
p[b-6f9i2xpnov] {
  font-weight: 100;
}

h1[b-6f9i2xpnov] {
  animation: swing-b-6f9i2xpnov var(--speed) infinite alternate var(--ease);
  font-size: clamp(5rem, 40vmin, 20rem);
  font-family: "Open Sans", sans-serif;
  margin: 0;
  letter-spacing: 1rem;
  transform: translate3d(0, 0, 0vmin);
  --x: calc(50% + (var(--swing-x) * 0.5) * 1%);
  background: radial-gradient(var(--lit-header), var(--header) 45%) var(--x) 100%/200% 200%;
  -webkit-background-clip: text;
  color: transparent;
}

h1 span[b-6f9i2xpnov] {
  animation: swing-b-6f9i2xpnov var(--speed) infinite alternate var(--ease);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--shadow);
  filter: blur(1.5vmin);
  transform: scale(1.05) translate3d(0, 12%, -10vmin) translate(calc(var(--swing-x) * 0.05 * 1%), calc(var(--swing-y) * -0.025 * 1%));
}

.cloak[b-6f9i2xpnov] {
  animation: swing-b-6f9i2xpnov var(--speed) infinite alternate-reverse var(--ease);
  height: 100%;
  width: 100%;
  transform-origin: 50% 25%;
  transform: rotate(calc(var(--swing-x) * -0.25deg));
  background: radial-gradient(40% 40% at 50% calc(42% + var(--swing-y) * 0.01%), transparent, hsla(0, 0%, 2%, 0.94) 38vmax);
}

.cloak__wrapper[b-6f9i2xpnov] {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.cloak__container[b-6f9i2xpnov] {
  height: 250vmax;
  width: 250vmax;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.info[b-6f9i2xpnov] {
  color: color-mix(in lch, canvasText, transparent 75%);
  text-align: center;
  line-height: 1.5;
  width: 44ch;
  max-width: calc(100% - 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: color 0.25s var(--ease);
}

.info:is(:hover, :focus-within)[b-6f9i2xpnov] {
  color: canvasText;
}

.info p[b-6f9i2xpnov] {
  --x: calc(50% + (var(--swing-x) * 0.5) * 1%);
  animation: swing-b-6f9i2xpnov var(--speed) infinite alternate-reverse var(--ease);
  background: radial-gradient(50% 250% at var(--x) -50%, color-mix(in lch, canvasText, transparent 25%), color-mix(in lch, canvasText, transparent 75%));
  -webkit-background-clip: text;
  color: transparent;
}

p[b-6f9i2xpnov]::selection {
  background: hotpink;
  color: canvas;
}

.follow[b-6f9i2xpnov] {
  border-radius: 6px;
  border: 1px solid currentColor;
  padding: 0.75rem 4rem;
  text-decoration: none;
  color: currentColor;
  align-self: center;
  outline-color: currentColor;
}

@keyframes swing-b-6f9i2xpnov {
  0% {
    --swing-x: -100;
    --swing-y: -100;
  }
  50% {
    --swing-y: 0;
  }
  100% {
    --swing-y: -100;
    --swing-x: 100;
  }
}
/* Theming */
.bear-link[b-6f9i2xpnov] {
  color: canvas;
  position: fixed;
  top: 1rem;
  left: 1rem;
  width: 48px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  opacity: 0.8;
}

:where(.x-link, .bear-link):is(:hover, :focus-visible)[b-6f9i2xpnov] {
  opacity: 1;
}

.bear-link svg[b-6f9i2xpnov] {
  width: 75%;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.buttonhold[b-noupz9myut] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-evenly;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.input-box[b-noupz9myut] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.input-box input[b-noupz9myut] {
  width: 20rem;
  height: 2rem;
}

.form-control[b-noupz9myut] {
  width: 100%;
}

.err-status[b-noupz9myut] {
  font-size: 0.825rem;
  color: #ffd800;
  margin-left: 2rem;
  margin-top: 1rem;
}

.text-danger[b-noupz9myut] {
  font-size: 0.825rem;
  color: #ff0000;
}

.labels[b-noupz9myut],
a[b-noupz9myut] {
  color: #fff;
  font-size: 0.725rem;
}

.wrapper[b-noupz9myut] {
  width: unset;
}
/* /Components/Button.razor.rz.scp.css */
body[b-ai0f5ji63d] {
  /*    width: 100%;
      height: 100vh;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;*/
  font-size: 3rem;
  /*background-color: rgba(225, 225, 225, 1);*/
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

button[b-ai0f5ji63d] {
  all: unset;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  border-radius: 999vw;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: -0.15em -0.15em 0.15em -0.075em rgba(5, 5, 5, 0.25), 0.0375em 0.0375em 0.0675em 0 rgba(5, 5, 5, 0.1);
  margin-top: 5rem;
  margin-left: 8.75rem;
}

button[b-ai0f5ji63d]::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: calc(100% + 0.3em);
  height: calc(100% + 0.3em);
  top: -0.15em;
  left: -0.15em;
  border-radius: inherit;
  background: linear-gradient(-135deg, rgba(5, 5, 5, 0.5), transparent 20%, transparent 100%);
  filter: blur(0.0125em);
  opacity: 0.25;
  mix-blend-mode: multiply;
}

button .button-outer[b-ai0f5ji63d] {
  position: relative;
  z-index: 1;
  border-radius: inherit;
  transition: box-shadow 300ms ease;
  will-change: box-shadow;
  box-shadow: 0 0.05em 0.05em -0.01em rgb(5, 5, 5), 0 0.01em 0.01em -0.01em rgba(5, 5, 5, 0.5), 0.15em 0.3em 0.1em -0.01em rgba(5, 5, 5, 0.25);
}

button:hover .button-outer[b-ai0f5ji63d] {
  box-shadow: 0 0 0 0 rgb(5, 5, 5), 0 0 0 0 rgba(5, 5, 5, 0.5), 0 0 0 0 rgba(5, 5, 5, 0.25);
}

.button-inner[b-ai0f5ji63d] {
  --inset: 0.035em;
  position: relative;
  z-index: 1;
  border-radius: inherit;
  padding: 1em 1.5em;
  background-image: linear-gradient(135deg, rgb(230, 230, 230), rgb(180, 180, 180));
  transition: box-shadow 300ms ease, clip-path 250ms ease, background-image 250ms ease, transform 250ms ease;
  will-change: box-shadow, clip-path, background-image, transform;
  overflow: clip;
  clip-path: inset(0 0 0 0 round 999vw);
  box-shadow: 0 0 0 0 inset rgba(5, 5, 5, 0.1), -0.05em -0.05em 0.05em 0 inset rgba(5, 5, 5, 0.25), 0 0 0 0 inset rgba(5, 5, 5, 0.1), 0 0 0.05em 0.2em inset rgba(255, 255, 255, 0.25), 0.025em 0.05em 0.1em 0 inset rgb(255, 255, 255), 0.12em 0.12em 0.12em inset rgba(255, 255, 255, 0.25), -0.075em -0.25em 0.25em 0.1em inset rgba(5, 5, 5, 0.25);
}

button:hover .button-inner[b-ai0f5ji63d] {
  clip-path: inset(clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) round 999vw);
  box-shadow: 0.1em 0.15em 0.05em 0 inset rgba(5, 5, 5, 0.75), -0.025em -0.03em 0.05em 0.025em inset rgba(5, 5, 5, 0.5), 0.25em 0.25em 0.2em 0 inset rgba(5, 5, 5, 0.5), 0 0 0.05em 0.5em inset rgba(255, 255, 255, 0.15), 0 0 0 0 inset rgb(255, 255, 255), 0.12em 0.12em 0.12em inset rgba(255, 255, 255, 0.25), -0.075em -0.12em 0.2em 0.1em inset rgba(5, 5, 5, 0.25);
}

button .button-inner span[b-ai0f5ji63d] {
  position: relative;
  z-index: 4;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.05em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(135deg, rgb(25, 25, 25), rgb(75, 75, 75));
  -webkit-background-clip: text;
  background-clip: text;
  transition: transform 250ms ease;
  display: block;
  will-change: transform;
  text-shadow: rgba(0, 0, 0, 0.1) 0 0 0.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button:hover .button-inner span[b-ai0f5ji63d] {
  transform: scale(0.975);
}

button:active .button-inner[b-ai0f5ji63d] {
  transform: scale(0.975);
}
/* /Components/ChargeCard.razor.rz.scp.css */
.card[b-b8eitoh5mr] {
  position: relative;
  width: 450px;
  height: 450px;
}

/* shared SVG sizing */
.svg-bright[b-b8eitoh5mr],
.svg-dimmed[b-b8eitoh5mr] {
  width: 100%;
  height: 100%;
}

/* bright neon outline */
.svg-bright[b-b8eitoh5mr] {
  position: relative;
  z-index: 1;
  stroke: rgba(0, 230, 255, 0.75);
  filter: drop-shadow(0 0 6px #00ebff) drop-shadow(0 0 10px rgba(55, 255, 255, 0.7));
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: drawSVG-b-b8eitoh5mr 3.3s ease forwards infinite alternate;
}

@keyframes drawSVG-b-b8eitoh5mr {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* dimmed outline, clipped to the glass panel region */
.svg-dimmed[b-b8eitoh5mr] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  stroke: rgba(0, 230, 255, 0.25);
  filter: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  clip-path: inset(56.1px 119.1px 188.9px 125.9px round 25px);
  pointer-events: none;
}

/* glass panel */
.glass-card[b-b8eitoh5mr] {
  position: absolute;
  left: 50.75%;
  top: 35.25%;
  transform: translate(-50%, -50%);
  width: 205px;
  height: 205px;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0.8px rgba(255, 255, 255, 0.55), inset 0 0 18px rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.65);
  z-index: 3;
  overflow: hidden;
}

.glass-card[b-b8eitoh5mr]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(255, 255, 255, 0.28) 100%);
  background-size: 220% 220%;
  animation: sheen-b-b8eitoh5mr 14s ease-in-out infinite;
  border-radius: inherit;
}

.glass-card:hover[b-b8eitoh5mr] {
  cursor: pointer;
}

.glass-card:hover[b-b8eitoh5mr]::before {
  border: 1px solid rgb(0, 230, 255);
  cursor: pointer;
  filter: drop-shadow(0px 0px 15px rgb(0, 230, 255));
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.02) 45%, rgba(0, 0, 0, 0.28) 100%);
}

.battery-info:hover span[b-b8eitoh5mr] {
  color: rgb(0, 230, 255);
}

.card:hover .battery-percentage[b-b8eitoh5mr]::after {
  color: rgb(255, 255, 255);
  text-shadow: none;
}

@keyframes sheen-b-b8eitoh5mr {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 100%;
  }
}
/* battery info */
.battery-info[b-b8eitoh5mr] {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
  font-family: "Inter", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #eafdff;
}

/* battery percentage counter */
.battery-percentage[b-b8eitoh5mr] {
  position: relative;
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
  color: transparent; /* hide original text */
}

.battery-percentage[b-b8eitoh5mr]::after {
  content: "10%"; /* start at 10% */
  position: absolute;
  top: 0;
  left: 0;
  animation: count-up-b-b8eitoh5mr 336.6s steps(102) infinite;
  color: rgb(0, 230, 255);
  text-shadow: 0px 0px 15px rgba(0, 230, 255, 0.95), 0px 0px 30px rgb(0, 230, 255);
}

@keyframes count-up-b-b8eitoh5mr {
  0% {
    content: "10%";
  }
  0.990% {
    content: "11%";
  }
  1.980% {
    content: "12%";
  }
  2.970% {
    content: "13%";
  }
  3.960% {
    content: "14%";
  }
  4.950% {
    content: "15%";
  }
  5.940% {
    content: "16%";
  }
  6.930% {
    content: "17%";
  }
  7.920% {
    content: "18%";
  }
  8.910% {
    content: "19%";
  }
  9.901% {
    content: "20%";
  }
  10.891% {
    content: "21%";
  }
  11.881% {
    content: "22%";
  }
  12.871% {
    content: "23%";
  }
  13.861% {
    content: "24%";
  }
  14.851% {
    content: "25%";
  }
  15.841% {
    content: "26%";
  }
  16.831% {
    content: "27%";
  }
  17.821% {
    content: "28%";
  }
  18.811% {
    content: "29%";
  }
  19.802% {
    content: "30%";
  }
  20.792% {
    content: "31%";
  }
  21.782% {
    content: "32%";
  }
  22.772% {
    content: "33%";
  }
  23.762% {
    content: "34%";
  }
  24.753% {
    content: "35%";
  }
  25.743% {
    content: "36%";
  }
  26.733% {
    content: "37%";
  }
  27.723% {
    content: "38%";
  }
  28.713% {
    content: "39%";
  }
  29.703% {
    content: "40%";
  }
  30.693% {
    content: "41%";
  }
  31.683% {
    content: "42%";
  }
  32.673% {
    content: "43%";
  }
  33.663% {
    content: "44%";
  }
  34.653% {
    content: "45%";
  }
  35.643% {
    content: "46%";
  }
  36.634% {
    content: "47%";
  }
  37.624% {
    content: "48%";
  }
  38.614% {
    content: "49%";
  }
  39.604% {
    content: "50%";
  }
  40.594% {
    content: "51%";
  }
  41.584% {
    content: "52%";
  }
  42.574% {
    content: "53%";
  }
  43.564% {
    content: "54%";
  }
  44.554% {
    content: "55%";
  }
  45.544% {
    content: "56%";
  }
  46.535% {
    content: "57%";
  }
  47.525% {
    content: "58%";
  }
  48.515% {
    content: "59%";
  }
  49.505% {
    content: "60%";
  }
  50.495% {
    content: "61%";
  }
  51.485% {
    content: "62%";
  }
  52.475% {
    content: "63%";
  }
  53.465% {
    content: "64%";
  }
  54.455% {
    content: "65%";
  }
  55.445% {
    content: "66%";
  }
  56.436% {
    content: "67%";
  }
  57.426% {
    content: "68%";
  }
  58.416% {
    content: "69%";
  }
  59.406% {
    content: "70%";
  }
  60.396% {
    content: "71%";
  }
  61.386% {
    content: "72%";
  }
  62.376% {
    content: "73%";
  }
  63.366% {
    content: "74%";
  }
  64.356% {
    content: "75%";
  }
  65.346% {
    content: "76%";
  }
  66.336% {
    content: "77%";
  }
  67.327% {
    content: "78%";
  }
  68.317% {
    content: "79%";
  }
  69.307% {
    content: "80%";
  }
  70.297% {
    content: "81%";
  }
  71.287% {
    content: "82%";
  }
  72.277% {
    content: "83%";
  }
  73.267% {
    content: "84%";
  }
  74.257% {
    content: "85%";
  }
  75.247% {
    content: "86%";
  }
  76.237% {
    content: "87%";
  }
  77.227% {
    content: "88%";
  }
  78.217% {
    content: "89%";
  }
  79.208% {
    content: "90%";
  }
  80.198% {
    content: "91%";
  }
  81.188% {
    content: "92%";
  }
  82.178% {
    content: "93%";
  }
  83.168% {
    content: "94%";
  }
  84.158% {
    content: "95%";
  }
  85.148% {
    content: "96%";
  }
  86.138% {
    content: "97%";
  }
  87.128% {
    content: "98%";
  }
  88.118% {
    content: "99%";
  }
  89.109% {
    content: "100%";
  }
  90.099% {
    content: "0%";
  }
  91.089% {
    content: "1%";
  }
  92.079% {
    content: "2%";
  }
  93.069% {
    content: "3%";
  }
  94.059% {
    content: "4%";
  }
  95.050% {
    content: "5%";
  }
  96.040% {
    content: "6%";
  }
  97.030% {
    content: "7%";
  }
  98.020% {
    content: "8%";
  }
  99.010% {
    content: "9%";
  }
  100% {
    content: "10%";
  }
}
/* battery health counter */
.battery-health[b-b8eitoh5mr] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55em;
  font-size: 0.72rem;
  color: #b6e5f2;
}

.battery-health span[b-b8eitoh5mr] {
  visibility: hidden;
}

.battery-health[b-b8eitoh5mr]::after {
  content: "10% BATTERY HEALTH";
  position: absolute;
  top: 0;
  left: 1.25em;
  animation: health-up-b-b8eitoh5mr 336.6s steps(102) infinite;
}

@keyframes health-up-b-b8eitoh5mr {
  0% {
    content: "10% BATTERY HEALTH";
  }
  0.990% {
    content: "11% BATTERY HEALTH";
  }
  1.980% {
    content: "12% BATTERY HEALTH";
  }
  2.970% {
    content: "13% BATTERY HEALTH";
  }
  3.960% {
    content: "14% BATTERY HEALTH";
  }
  4.950% {
    content: "15% BATTERY HEALTH";
  }
  5.940% {
    content: "16% BATTERY HEALTH";
  }
  6.930% {
    content: "17% BATTERY HEALTH";
  }
  7.920% {
    content: "18% BATTERY HEALTH";
  }
  8.910% {
    content: "19% BATTERY HEALTH";
  }
  9.901% {
    content: "20% BATTERY HEALTH";
  }
  10.891% {
    content: "21% BATTERY HEALTH";
  }
  11.881% {
    content: "22% BATTERY HEALTH";
  }
  12.871% {
    content: "23% BATTERY HEALTH";
  }
  13.861% {
    content: "24% BATTERY HEALTH";
  }
  14.851% {
    content: "25% BATTERY HEALTH";
  }
  15.841% {
    content: "26% BATTERY HEALTH";
  }
  16.831% {
    content: "27% BATTERY HEALTH";
  }
  17.821% {
    content: "28% BATTERY HEALTH";
  }
  18.811% {
    content: "29% BATTERY HEALTH";
  }
  19.802% {
    content: "30% BATTERY HEALTH";
  }
  20.792% {
    content: "31% BATTERY HEALTH";
  }
  21.782% {
    content: "32% BATTERY HEALTH";
  }
  22.772% {
    content: "33% BATTERY HEALTH";
  }
  23.762% {
    content: "34% BATTERY HEALTH";
  }
  24.753% {
    content: "35% BATTERY HEALTH";
  }
  25.743% {
    content: "36% BATTERY HEALTH";
  }
  26.733% {
    content: "37% BATTERY HEALTH";
  }
  27.723% {
    content: "38% BATTERY HEALTH";
  }
  28.713% {
    content: "39% BATTERY HEALTH";
  }
  29.703% {
    content: "40% BATTERY HEALTH";
  }
  30.693% {
    content: "41% BATTERY HEALTH";
  }
  31.683% {
    content: "42% BATTERY HEALTH";
  }
  32.673% {
    content: "43% BATTERY HEALTH";
  }
  33.663% {
    content: "44% BATTERY HEALTH";
  }
  34.653% {
    content: "45% BATTERY HEALTH";
  }
  35.643% {
    content: "46% BATTERY HEALTH";
  }
  36.634% {
    content: "47% BATTERY HEALTH";
  }
  37.624% {
    content: "48% BATTERY HEALTH";
  }
  38.614% {
    content: "49% BATTERY HEALTH";
  }
  39.604% {
    content: "50% BATTERY HEALTH";
  }
  40.594% {
    content: "51% BATTERY HEALTH";
  }
  41.584% {
    content: "52% BATTERY HEALTH";
  }
  42.574% {
    content: "53% BATTERY HEALTH";
  }
  43.564% {
    content: "54% BATTERY HEALTH";
  }
  44.554% {
    content: "55% BATTERY HEALTH";
  }
  45.544% {
    content: "56% BATTERY HEALTH";
  }
  46.535% {
    content: "57% BATTERY HEALTH";
  }
  47.525% {
    content: "58% BATTERY HEALTH";
  }
  48.515% {
    content: "59% BATTERY HEALTH";
  }
  49.505% {
    content: "60% BATTERY HEALTH";
  }
  50.495% {
    content: "61% BATTERY HEALTH";
  }
  51.485% {
    content: "62% BATTERY HEALTH";
  }
  52.475% {
    content: "63% BATTERY HEALTH";
  }
  53.465% {
    content: "64% BATTERY HEALTH";
  }
  54.455% {
    content: "65% BATTERY HEALTH";
  }
  55.445% {
    content: "66% BATTERY HEALTH";
  }
  56.436% {
    content: "67% BATTERY HEALTH";
  }
  57.426% {
    content: "68% BATTERY HEALTH";
  }
  58.416% {
    content: "69% BATTERY HEALTH";
  }
  59.406% {
    content: "70% BATTERY HEALTH";
  }
  60.396% {
    content: "71% BATTERY HEALTH";
  }
  61.386% {
    content: "72% BATTERY HEALTH";
  }
  62.376% {
    content: "73% BATTERY HEALTH";
  }
  63.366% {
    content: "74% BATTERY HEALTH";
  }
  64.356% {
    content: "75% BATTERY HEALTH";
  }
  65.346% {
    content: "76% BATTERY HEALTH";
  }
  66.336% {
    content: "77% BATTERY HEALTH";
  }
  67.327% {
    content: "78% BATTERY HEALTH";
  }
  68.317% {
    content: "79% BATTERY HEALTH";
  }
  69.307% {
    content: "80% BATTERY HEALTH";
  }
  70.297% {
    content: "81% BATTERY HEALTH";
  }
  71.287% {
    content: "82% BATTERY HEALTH";
  }
  72.277% {
    content: "83% BATTERY HEALTH";
  }
  73.267% {
    content: "84% BATTERY HEALTH";
  }
  74.257% {
    content: "85% BATTERY HEALTH";
  }
  75.247% {
    content: "86% BATTERY HEALTH";
  }
  76.237% {
    content: "87% BATTERY HEALTH";
  }
  77.227% {
    content: "88% BATTERY HEALTH";
  }
  78.217% {
    content: "89% BATTERY HEALTH";
  }
  79.208% {
    content: "90% BATTERY HEALTH";
  }
  80.198% {
    content: "91% BATTERY HEALTH";
  }
  81.188% {
    content: "92% BATTERY HEALTH";
  }
  82.178% {
    content: "93% BATTERY HEALTH";
  }
  83.168% {
    content: "94% BATTERY HEALTH";
  }
  84.158% {
    content: "95% BATTERY HEALTH";
  }
  85.148% {
    content: "96% BATTERY HEALTH";
  }
  86.138% {
    content: "97% BATTERY HEALTH";
  }
  87.128% {
    content: "98% BATTERY HEALTH";
  }
  88.118% {
    content: "99% BATTERY HEALTH";
  }
  89.109% {
    content: "100% BATTERY HEALTH";
  }
  90.099% {
    content: "0% BATTERY HEALTH";
  }
  91.089% {
    content: "1% BATTERY HEALTH";
  }
  92.079% {
    content: "2% BATTERY HEALTH";
  }
  93.069% {
    content: "3% BATTERY HEALTH";
  }
  94.059% {
    content: "4% BATTERY HEALTH";
  }
  95.050% {
    content: "5% BATTERY HEALTH";
  }
  96.040% {
    content: "6% BATTERY HEALTH";
  }
  97.030% {
    content: "7% BATTERY HEALTH";
  }
  98.020% {
    content: "8% BATTERY HEALTH";
  }
  99.010% {
    content: "9% BATTERY HEALTH";
  }
  100% {
    content: "10% BATTERY HEALTH";
  }
}
/* charging status & cycles */
.charging-status[b-b8eitoh5mr],
.battery-cycles[b-b8eitoh5mr] {
  display: flex;
  align-items: center;
  gap: 0.55em;
  font-size: 0.72rem;
  color: #b6e5f2;
}

.charging-status span[b-b8eitoh5mr] {
  animation: glowingCharge-b-b8eitoh5mr 3s ease-in-out infinite alternate;
}

@keyframes glowingCharge-b-b8eitoh5mr {
  0% {
    color: white;
  }
  100% {
    color: rgb(0, 230, 255);
    filter: brightness(2) contrast(1.3) saturate(1.4);
    text-shadow: 5px 5px 25px rgb(0, 230, 255);
  }
}
/* icons */
.icon[b-b8eitoh5mr] {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  fill: currentColor;
  stroke: currentColor;
  filter: drop-shadow(0 0 2px #00ebff);
}

/* battery bar */
.battery[b-b8eitoh5mr] {
  margin-left: -11px;
  width: 175px;
  height: 7px;
  border-radius: 4px;
  background: #444;
  background-image: linear-gradient(to right, #007a99 0 0, #00e9ff 100% 0);
  background-repeat: no-repeat;
  background-size: var(--level, 10%) 100%;
  --segments: 6;
  --gap: 2px;
  mask: repeating-linear-gradient(to right, #fff 0 calc(100% / var(--segments) - var(--gap)), transparent calc(100% / var(--segments) - var(--gap)) calc(100% / var(--segments)));
  -webkit-mask: repeating-linear-gradient(to right, #fff 0 calc(100% / var(--segments) - var(--gap)), transparent calc(100% / var(--segments) - var(--gap)) calc(100% / var(--segments)));
  animation: chargeUp-b-b8eitoh5mr 336.6s steps(102) infinite;
}

@keyframes chargeUp-b-b8eitoh5mr {
  0% {
    --level: 10%;
  }
  90% {
    --level: 100%;
  }
  91% {
    --level: 0%;
  }
  100% {
    --level: 9%;
  }
}
@property --level {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 10%;
}
@media (max-width: 480px) {
  .card[b-b8eitoh5mr] {
    position: absolute;
    top: 0;
    left: -12%;
  }
}
/* /Components/GlassButton.razor.rz.scp.css */
/* Defs */
@property --angle-1 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -75deg;
}
@property --angle-2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -45deg;
}
:root[b-2sq96sa0e0] {
  --global--size: clamp(2rem, 4vw, 5rem);
  --anim--hover-time: 400ms;
  --anim--hover-ease: cubic-bezier(0.25, 1, 0.5, 1);
}

/* ========== BUTTON ========== */
/* Button Wrap Container */
.button-wrap[b-2sq96sa0e0] {
  position: relative;
  z-index: 2;
  border-radius: 999vw;
  background: transparent;
  pointer-events: none;
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
}

/* Button Shadow Container */
.button-shadow[b-2sq96sa0e0] {
  --shadow-cuttoff-fix: 2em;
  position: absolute;
  width: calc(100% + var(--shadow-cuttoff-fix));
  height: calc(100% + var(--shadow-cuttoff-fix));
  top: calc(0% - var(--shadow-cuttoff-fix) / 2);
  left: calc(0% - var(--shadow-cuttoff-fix) / 2);
  filter: blur(clamp(2px, 0.125em, 12px));
  -webkit-filter: blur(clamp(2px, 0.125em, 12px));
  -moz-filter: blur(clamp(2px, 0.125em, 12px));
  -ms-filter: blur(clamp(2px, 0.125em, 12px));
  overflow: visible;
  pointer-events: none;
}

/* Shadow */
.button-shadow[b-2sq96sa0e0]::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: 999vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
  width: calc(100% - var(--shadow-cuttoff-fix) - 0.25em);
  height: calc(100% - var(--shadow-cuttoff-fix) - 0.25em);
  top: calc(var(--shadow-cuttoff-fix) - 0.5em);
  left: calc(var(--shadow-cuttoff-fix) - 0.875em);
  padding: 0.125em;
  box-sizing: border-box;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
  overflow: visible;
  opacity: 1;
}

/* ========== BUTTON BASE STYLES ========== */
button[b-2sq96sa0e0] {
  /* Basic Styling */
  --border-width: clamp(1px, 0.0625em, 4px);
  all: unset;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  pointer-events: auto;
  z-index: 3;
  background: linear-gradient(-75deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  border-radius: 999vw;
  box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5), 0 0.25em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0 0.1em 0.25em inset rgba(255, 255, 255, 0.2), 0 0 0 0 rgb(255, 255, 255);
  backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  -webkit-backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  -moz-backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  -ms-backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
}

button:hover[b-2sq96sa0e0] {
  transform: scale(0.975);
  backdrop-filter: blur(0.01em);
  -webkit-backdrop-filter: blur(0.01em);
  -moz-backdrop-filter: blur(0.01em);
  -ms-backdrop-filter: blur(0.01em);
  box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5), 0 0.15em 0.05em -0.1em rgba(0, 0, 0, 0.25), 0 0 0.05em 0.1em inset rgba(255, 255, 255, 0.5), 0 0 0 0 rgb(255, 255, 255);
}

/* Button Text */
button span[b-2sq96sa0e0] {
  position: relative;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.05em;
  font-weight: 500;
  font-size: 1em;
  /*color: rgba(50, 50, 50, 1);*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0em 0.25em 0.05em rgba(0, 0, 0, 0.1);
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
  padding-inline: 1.5em;
  padding-block: 0.875em;
}

button:hover span[b-2sq96sa0e0] {
  text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.12);
}

/* Text */
button span[b-2sq96sa0e0]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - var(--border-width)); /* Prevent overlapping border */
  height: calc(100% - var(--border-width));
  top: calc(0% + var(--border-width) / 2);
  left: calc(0% + var(--border-width) / 2);
  box-sizing: border-box;
  border-radius: 999vw;
  overflow: clip;
  background: linear-gradient(var(--angle-2), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 40% 50%, rgba(255, 255, 255, 0) 55%);
  z-index: 3;
  mix-blend-mode: screen;
  pointer-events: none;
  background-size: 200% 200%;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  transition: background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease), --angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease);
}

button:hover span[b-2sq96sa0e0]::after {
  background-position: 25% 50%;
}

button:active span[b-2sq96sa0e0]::after {
  background-position: 50% 15%;
  --angle-2: -15deg;
}

/* Touch Devices */
@media (hover: none) and (pointer: coarse) {
  button span[b-2sq96sa0e0]::after,
  button:active span[b-2sq96sa0e0]::after {
    --angle-2: -45deg;
  }
}
/* ========== BUTTON OUTLINE ========== */
/* Outline */
button[b-2sq96sa0e0]::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: 999vw;
  width: calc(100% + var(--border-width));
  height: calc(100% + var(--border-width));
  top: calc(0% - var(--border-width) / 2);
  left: calc(0% - var(--border-width) / 2);
  padding: var(--border-width);
  box-sizing: border-box;
  background: conic-gradient(from var(--angle-1) at 50% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 5% 40%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 60% 95%, rgba(0, 0, 0, 0.5)), linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: all var(--anim--hover-time) var(--anim--hover-ease), --angle-1 500ms ease;
  box-shadow: inset 0 0 0 calc(var(--border-width) / 2) rgba(255, 255, 255, 0.5);
}

button:hover[b-2sq96sa0e0]::after {
  --angle-1: -125deg;
}

button:active[b-2sq96sa0e0]::after {
  --angle-1: -75deg;
}

@media (hover: none) and (pointer: coarse) {
  button[b-2sq96sa0e0]::after,
  button:hover[b-2sq96sa0e0]::after,
  button:active[b-2sq96sa0e0]::after {
    --angle-1: -75deg;
  }
}
/* Shadow Hover */
.button-wrap:has(button:hover) .button-shadow[b-2sq96sa0e0] {
  filter: blur(clamp(2px, 0.0625em, 6px));
  -webkit-filter: blur(clamp(2px, 0.0625em, 6px));
  -moz-filter: blur(clamp(2px, 0.0625em, 6px));
  -ms-filter: blur(clamp(2px, 0.0625em, 6px));
  transition: filter var(--anim--hover-time) var(--anim--hover-ease);
}

.button-wrap:has(button:hover) .button-shadow[b-2sq96sa0e0]::after {
  top: calc(var(--shadow-cuttoff-fix) - 0.875em);
  opacity: 1;
}

/* Rotation */
.button-wrap:has(button:active)[b-2sq96sa0e0] {
  transform: rotate3d(1, 0, 0, 25deg);
}

.button-wrap:has(button:active) button[b-2sq96sa0e0] {
  box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5), 0 0.125em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0 0.1em 0.25em inset rgba(255, 255, 255, 0.2), 0 0.225em 0.05em 0 rgba(0, 0, 0, 0.05), 0 0.25em 0 0 rgba(255, 255, 255, 0.75), inset 0 0.25em 0.05em 0 rgba(0, 0, 0, 0.15);
}

.button-wrap:has(button:active) .button-shadow[b-2sq96sa0e0] {
  filter: blur(clamp(2px, 0.125em, 12px));
  -webkit-filter: blur(clamp(2px, 0.125em, 12px));
  -moz-filter: blur(clamp(2px, 0.125em, 12px));
  -ms-filter: blur(clamp(2px, 0.125em, 12px));
}

.button-wrap:has(button:active) .button-shadow[b-2sq96sa0e0]::after {
  top: calc(var(--shadow-cuttoff-fix) - 0.5em);
  opacity: 0.75;
}

.button-wrap:has(button:active) span[b-2sq96sa0e0] {
  text-shadow: 0.025em 0.25em 0.05em rgba(0, 0, 0, 0.12);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-h2740pjy9m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-h2740pjy9m] {
    flex: 1;
}

.sidebar[b-h2740pjy9m] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-h2740pjy9m] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-h2740pjy9m]  a, .top-row[b-h2740pjy9m]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-h2740pjy9m]  a:hover, .top-row[b-h2740pjy9m]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-h2740pjy9m]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-h2740pjy9m] {
        justify-content: space-between;
    }

    .top-row[b-h2740pjy9m]  a, .top-row[b-h2740pjy9m]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-h2740pjy9m] {
        flex-direction: row;
    }

    .sidebar[b-h2740pjy9m] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-h2740pjy9m] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-h2740pjy9m]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-h2740pjy9m], article[b-h2740pjy9m] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-h2740pjy9m] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-h2740pjy9m] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-6z57i0sxyn] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-6z57i0sxyn] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-6z57i0sxyn] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-6z57i0sxyn] {
    font-size: 1.1rem;
}

.bi[b-6z57i0sxyn] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-6z57i0sxyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-6z57i0sxyn] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-6z57i0sxyn] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-6z57i0sxyn] {
        padding-bottom: 1rem;
    }

    .nav-item[b-6z57i0sxyn]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-6z57i0sxyn]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-6z57i0sxyn]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-6z57i0sxyn] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-6z57i0sxyn] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-6z57i0sxyn] {
        display: none;
    }

    .nav-scrollable[b-6z57i0sxyn] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-o89s2cov4h],
.components-reconnect-repeated-attempt-visible[b-o89s2cov4h],
.components-reconnect-failed-visible[b-o89s2cov4h],
.components-rejoining-animation[b-o89s2cov4h] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-o89s2cov4h],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-o89s2cov4h],
#components-reconnect-modal.components-reconnect-retrying[b-o89s2cov4h],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-o89s2cov4h],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-o89s2cov4h],
#components-reconnect-modal.components-reconnect-failed[b-o89s2cov4h],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-o89s2cov4h] {
    display: block;
}


#components-reconnect-modal[b-o89s2cov4h] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-o89s2cov4h 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-o89s2cov4h 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-o89s2cov4h 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-o89s2cov4h]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-o89s2cov4h 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-o89s2cov4h {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-o89s2cov4h {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-o89s2cov4h {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-o89s2cov4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-o89s2cov4h] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-o89s2cov4h] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-o89s2cov4h] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-o89s2cov4h] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-o89s2cov4h] {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-o89s2cov4h] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-o89s2cov4h 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-o89s2cov4h] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-o89s2cov4h {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/NeonCard.razor.rz.scp.css */
@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}
:root[b-td8px9mt3i] {
  --card-height: 65vh;
  --card-width: calc(var(--card-height) / 1.5);
}

/*body {
    min-height: 100vh;
    background: #212534;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
}
*/
.card[b-td8px9mt3i] {
  background: #191c29;
  width: var(--card-width);
  height: var(--card-height);
  padding: 3px;
  position: relative;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  font-size: 1.5em;
  color: rgba(88, 199, 250, 0);
  cursor: pointer;
  font-family: cursive;
}

.card:hover[b-td8px9mt3i] {
  color: rgb(88, 199, 250);
  transition: color 1s;
}

.card:hover[b-td8px9mt3i]:before, .card:hover[b-td8px9mt3i]:after {
  animation: none;
  opacity: 0;
}

.card[b-td8px9mt3i]::before {
  content: "";
  width: 104%;
  height: 102%;
  border-radius: 8px;
  background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
  position: absolute;
  z-index: -1;
  top: -1%;
  left: -2%;
  animation: spin-b-td8px9mt3i 2.5s linear infinite;
}

.card[b-td8px9mt3i]::after {
  position: absolute;
  content: "";
  top: calc(var(--card-height) / 6);
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  transform: scale(0.8);
  filter: blur(calc(var(--card-height) / 6));
  background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
  opacity: 1;
  transition: opacity 0.5s;
  animation: spin-b-td8px9mt3i 2.5s linear infinite;
}

@keyframes spin-b-td8px9mt3i {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}
a[b-td8px9mt3i] {
  color: #212534;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 2rem;
}
/* /Components/NeonGradientCards.razor.rz.scp.css */
*[b-lkulmsbnco] {
  margin: 0;
  padding: 0;
  border-style: border-box;
  font-family: consolas;
}

body[b-lkulmsbnco] {
  display: flex;
  justify-content: center;
  align-itens: center;
  min-height: 100vh;
  background: #111;
}

.container[b-lkulmsbnco] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  flex-wrap: wrap;
}

.container .box[b-lkulmsbnco] {
  position: relative;
  width: 320px;
  height: 400px;
  color: #fff;
  background: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 30px;
  transition: 0.5s;
}

.container .box:hover[b-lkulmsbnco] {
  transform: translateY(-20px);
}

.container .box[b-lkulmsbnco]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #ffbc00, #ff0058);
}

.container .box[b-lkulmsbnco]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #ffbc00, #ff0058);
  filter: blur(30px);
}

.container .box:nth-child(2)[b-lkulmsbnco]::before,
.container .box:nth-child(2)[b-lkulmsbnco]::after {
  background: linear-gradient(315deg, #03a9f4, #ff0058);
}

.container .box:nth-child(3)[b-lkulmsbnco]::before,
.container .box:nth-child(3)[b-lkulmsbnco]::after {
  background: linear-gradient(315deg, #4dff03, #00d0ff);
}

.container .box span[b-lkulmsbnco] {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.container .box span[b-lkulmsbnco]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.container .box .content[b-lkulmsbnco] {
  position: relative;
  z-index: 10;
  padding: 20px 40px;
}

.container .box .content h2[b-lkulmsbnco] {
  font-size: 2em;
  color: #fff;
  margin-bottom: 10px;
}

.container .box .content p[b-lkulmsbnco] {
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.4em;
}

.container .box .content a[b-lkulmsbnco] {
  display: inline-block;
  font-size: 1.1em;
  color: #111;
  background: #fff;
  padding: 10px;
  text-decoration: none;
  font-weight: 700;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*body {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    background-color: rgba(225, 225, 225, 1);
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}*/
:root[b-8rwbh7yamh] {
  --global--size: clamp(2rem, 4vw, 5rem);
  --anim--hover-time: 400ms;
  --anim--hover-ease: cubic-bezier(0.25, 1, 0.5, 1);
}

body[b-8rwbh7yamh] {
  height: 100vh;
  width: 100vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}

button[b-8rwbh7yamh] {
  all: unset;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  border-radius: 999vw;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: -0.15em -0.15em 0.15em -0.075em rgba(5, 5, 5, 0.25), 0.0375em 0.0375em 0.0675em 0 rgba(5, 5, 5, 0.1);
  font-size: var(--global--size);
  font-size: 2.2rem;
}

button[b-8rwbh7yamh]::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: calc(100% + 0.3em);
  height: calc(100% + 0.3em);
  top: -0.15em;
  left: -0.15em;
  border-radius: inherit;
  background: linear-gradient(-135deg, rgba(5, 5, 5, 0.5), transparent 20%, transparent 100%);
  filter: blur(0.0125em);
  opacity: 0.25;
  mix-blend-mode: multiply;
}

button .button-outer[b-8rwbh7yamh] {
  position: relative;
  z-index: 1;
  border-radius: inherit;
  transition: box-shadow 300ms ease;
  will-change: box-shadow;
  box-shadow: 0 0.05em 0.05em -0.01em rgb(5, 5, 5), 0 0.01em 0.01em -0.01em rgba(5, 5, 5, 0.5), 0.15em 0.3em 0.1em -0.01em rgba(5, 5, 5, 0.25);
}

button:hover .button-outer[b-8rwbh7yamh] {
  box-shadow: 0 0 0 0 rgb(5, 5, 5), 0 0 0 0 rgba(5, 5, 5, 0.5), 0 0 0 0 rgba(5, 5, 5, 0.25);
}

.button-inner[b-8rwbh7yamh] {
  --inset: 0.035em;
  position: relative;
  z-index: 1;
  border-radius: inherit;
  padding: 1em 1.5em;
  background-image: linear-gradient(135deg, rgb(230, 230, 230), rgb(180, 180, 180));
  transition: box-shadow 300ms ease, clip-path 250ms ease, background-image 250ms ease, transform 250ms ease;
  will-change: box-shadow, clip-path, background-image, transform;
  overflow: clip;
  clip-path: inset(0 0 0 0 round 999vw);
  box-shadow: 0 0 0 0 inset rgba(5, 5, 5, 0.1), -0.05em -0.05em 0.05em 0 inset rgba(5, 5, 5, 0.25), 0 0 0 0 inset rgba(5, 5, 5, 0.1), 0 0 0.05em 0.2em inset rgba(255, 255, 255, 0.25), 0.025em 0.05em 0.1em 0 inset rgb(255, 255, 255), 0.12em 0.12em 0.12em inset rgba(255, 255, 255, 0.25), -0.075em -0.25em 0.25em 0.1em inset rgba(5, 5, 5, 0.25);
}

button:hover .button-inner[b-8rwbh7yamh] {
  clip-path: inset(clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) round 999vw);
  box-shadow: 0.1em 0.15em 0.05em 0 inset rgba(5, 5, 5, 0.75), -0.025em -0.03em 0.05em 0.025em inset rgba(5, 5, 5, 0.5), 0.25em 0.25em 0.2em 0 inset rgba(5, 5, 5, 0.5), 0 0 0.05em 0.5em inset rgba(255, 255, 255, 0.15), 0 0 0 0 inset rgb(255, 255, 255), 0.12em 0.12em 0.12em inset rgba(255, 255, 255, 0.25), -0.075em -0.12em 0.2em 0.1em inset rgba(5, 5, 5, 0.25);
}

button .button-inner span[b-8rwbh7yamh] {
  position: relative;
  z-index: 4;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.05em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(135deg, rgb(25, 25, 25), rgb(75, 75, 75));
  -webkit-background-clip: text;
  background-clip: text;
  transition: transform 250ms ease;
  display: block;
  will-change: transform;
  text-shadow: rgba(0, 0, 0, 0.1) 0 0 0.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button:hover .button-inner span[b-8rwbh7yamh] {
  transform: scale(0.975);
}

button:active .button-inner[b-8rwbh7yamh] {
  transform: scale(0.975);
}