.nuka-header-container {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.15) 34.22%, #000000 100%),
    url("https://assets.corsair.com/image/upload/v1763868761/pages/nuka-cola/NukaWorld.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
.-top-2\.5 {
  top: calc(0.25rem * -2.5);
}

.-top-10 {
  top: calc(0.25rem * -10);
}

.top-0 {
  top: calc(0.25rem * 0);
}

.top-1\/2 {
  top: calc(1 / 2 * 100%);
}

.top-4 {
  top: calc(0.25rem * 4);
}

.-right-6 {
  right: calc(0.25rem * -6);
}

.right-0 {
  right: calc(0.25rem * 0);
}

.bottom-0 {
  bottom: 0px;
}

.-left-6 {
  left: calc(0.25rem * -6);
}

.left-0 {
  left: calc(0.25rem * 0);
}

.left-1\/2 {
  left: calc(1 / 2 * 100%);
}

.left-4 {
  left: calc(0.25rem * 4);
}

.mt-16 {
  margin-top: calc(0.25rem * 16);
}

.h-3 {
  height: calc(0.25rem * 3);
}

.h-12 {
  height: calc(0.25rem * 12);
}

.h-\[90\%\] {
  height: 90%;
}

.h-\[130px\] {
  height: 130px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-1 {
  width: calc(0.25rem * 1);
}

.w-3 {
  width: calc(0.25rem * 3);
}

.w-36 {
  width: calc(0.25rem * 36);
}

.w-\[90\%\] {
  width: 90%;
}

.w-\[180px\] {
  width: 180px;
}

.w-full {
  width: 100%;
}

.max-w-full {
  max-width: 100%;
}

.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.scale-110 {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}

.rotate-90 {
  rotate: 90deg;
}

.rotate-180 {
  rotate: 180deg;
}

.rotate-270 {
  rotate: 270deg;
}

.transform {
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
}

.gap-2\.5 {
  gap: calc(0.25rem * 2.5);
}

.gap-4 {
  gap: calc(0.25rem * 4);
}

.gap-6 {
  gap: calc(0.25rem * 6);
}

.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(0.25rem * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(
      calc(0.25rem * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
}

.space-y-9 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(0.25rem * 9) * var(--tw-space-y-reverse));
    margin-block-end: calc(
      calc(0.25rem * 9) * calc(1 - var(--tw-space-y-reverse))
    );
  }
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.nuka-border-\[4px\] {
  border-style: solid;
  border-width: 4px;
}

.nuka-border-t-4 {
  border-top-style: solid;
  border-top-width: 4px;
}

.nuka-border-r-4 {
  border-right-style: solid;
  border-right-width: 4px;
}

.nuka-border-b-4 {
  border-bottom-style: solid;
  border-bottom-width: 4px;
}

.nuka-border-l-4 {
  border-left-style: solid;
  border-left-width: 4px;
}

.border-red-nuka {
  border-color: #e70c11;
}

.bg-red-nuka {
  background-color: #e70c11;
}

.px-2\.5 {
  padding-inline: calc(0.25rem * 2.5);
}

.px-4 {
  padding-inline: calc(0.25rem * 4);
}

.px-14 {
  padding-inline: calc(0.25rem * 14);
}

.px-16 {
  padding-inline: calc(0.25rem * 16);
}

.py-2\.5 {
  padding-block: calc(0.25rem * 2.5);
}

.py-20 {
  padding-block: calc(0.25rem * 20);
}

.pt-12 {
  padding-top: calc(0.25rem * 12);
}

.top-row {
  max-width: 463px;
  margin: auto;
}

.selector-row {
  max-width: 623px;
  margin: auto;
}

@media (min-width: 720px) {
  .top-row {
    max-width: 599px;
  }

  .selector-row {
    max-width: 721px;
  }
}

@media (min-width: 1025px) {
  .top-row {
    max-width: 1072px;
  }
  .selector-row {
    max-width: 1342px;
  }
}

@media (max-width: 1025px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 1920px) {
  .top-row {
    max-width: 1192px;
  }

  .selector-row {
    max-width: 1496px;
  }
}

@media (min-width: 768px) {
  .md\:max-w-4\/5 {
    max-width: 80%;
  }

  .md\:w-18 {
    width: calc(0.25rem * 18);
  }
}