.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 * -4.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 * 50%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 50%) * -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);
    }
}

button#nextBtn {
    transform: rotate(180deg);
}