:where(.gs-reconnect).mx-auto, :where(.gs-reconnect) .mx-auto {
    margin-left: auto;
    margin-right: auto
}
:where(.gs-reconnect).mb-5, :where(.gs-reconnect) .mb-5 {
    margin-bottom: 1.25rem
}
:where(.gs-reconnect).mb-7, :where(.gs-reconnect) .mb-7 {
    margin-bottom: 1.75rem
}
:where(.gs-reconnect).mt-2, :where(.gs-reconnect) .mt-2 {
    margin-top: 0.5rem
}
:where(.gs-reconnect).mt-3, :where(.gs-reconnect) .mt-3 {
    margin-top: 0.75rem
}
:where(.gs-reconnect).mt-4, :where(.gs-reconnect) .mt-4 {
    margin-top: 1rem
}
:where(.gs-reconnect).flex, :where(.gs-reconnect) .flex {
    display: flex
}
:where(.gs-reconnect).h-dvh, :where(.gs-reconnect) .h-dvh {
    height: 100dvh
}
:where(.gs-reconnect).min-h-\[52px\], :where(.gs-reconnect) .min-h-\[52px\] {
    min-height: 52px
}
:where(.gs-reconnect).min-h-full, :where(.gs-reconnect) .min-h-full {
    min-height: 100%
}
:where(.gs-reconnect).w-\[216px\], :where(.gs-reconnect) .w-\[216px\] {
    width: 216px
}
:where(.gs-reconnect).w-full, :where(.gs-reconnect) .w-full {
    width: 100%
}
:where(.gs-reconnect).max-w-\[290px\], :where(.gs-reconnect) .max-w-\[290px\] {
    max-width: 290px
}
:where(.gs-reconnect).max-w-\[380px\], :where(.gs-reconnect) .max-w-\[380px\] {
    max-width: 380px
}
:where(.gs-reconnect).max-w-full, :where(.gs-reconnect) .max-w-full {
    max-width: 100%
}
@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}
:where(.gs-reconnect).animate-spin, :where(.gs-reconnect) .animate-spin {
    animation: spin 1s linear infinite
}
:where(.gs-reconnect).touch-manipulation, :where(.gs-reconnect) .touch-manipulation {
    touch-action: manipulation
}
:where(.gs-reconnect).select-none, :where(.gs-reconnect) .select-none {
    user-select: none
}
:where(.gs-reconnect).flex-col, :where(.gs-reconnect) .flex-col {
    flex-direction: column
}
:where(.gs-reconnect).items-center, :where(.gs-reconnect) .items-center {
    align-items: center
}
:where(.gs-reconnect).justify-center, :where(.gs-reconnect) .justify-center {
    justify-content: center
}
:where(.gs-reconnect).gap-3, :where(.gs-reconnect) .gap-3 {
    gap: 0.75rem
}
:where(.gs-reconnect).overflow-y-auto, :where(.gs-reconnect) .overflow-y-auto {
    overflow-y: auto
}
:where(.gs-reconnect).rounded-xl, :where(.gs-reconnect) .rounded-xl {
    border-radius: 0.75rem
}
:where(.gs-reconnect).bg-primary, :where(.gs-reconnect) .bg-primary {
    background-color: var(--primary)
}
:where(.gs-reconnect).px-6, :where(.gs-reconnect) .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
:where(.gs-reconnect).py-10, :where(.gs-reconnect) .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
:where(.gs-reconnect).py-4, :where(.gs-reconnect) .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
:where(.gs-reconnect).text-center, :where(.gs-reconnect) .text-center {
    text-align: center
}
:where(.gs-reconnect).font-mono, :where(.gs-reconnect) .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
:where(.gs-reconnect).text-2xl, :where(.gs-reconnect) .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
:where(.gs-reconnect).text-\[15px\], :where(.gs-reconnect) .text-\[15px\] {
    font-size: 15px
}
:where(.gs-reconnect).text-\[30px\], :where(.gs-reconnect) .text-\[30px\] {
    font-size: 30px
}
:where(.gs-reconnect).text-base, :where(.gs-reconnect) .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
:where(.gs-reconnect).text-sm, :where(.gs-reconnect) .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
:where(.gs-reconnect).font-bold, :where(.gs-reconnect) .font-bold {
    font-weight: 700
}
:where(.gs-reconnect).font-semibold, :where(.gs-reconnect) .font-semibold {
    font-weight: 600
}
:where(.gs-reconnect).leading-\[1\.2\], :where(.gs-reconnect) .leading-\[1\.2\] {
    line-height: 1.2
}
:where(.gs-reconnect).leading-\[1\.6\], :where(.gs-reconnect) .leading-\[1\.6\] {
    line-height: 1.6
}
:where(.gs-reconnect).leading-none, :where(.gs-reconnect) .leading-none {
    line-height: 1
}
:where(.gs-reconnect).leading-relaxed, :where(.gs-reconnect) .leading-relaxed {
    line-height: 1.625
}
:where(.gs-reconnect).tracking-tight, :where(.gs-reconnect) .tracking-tight {
    letter-spacing: -0.025em
}
:where(.gs-reconnect).text-background, :where(.gs-reconnect) .text-background {
    color: var(--background)
}
:where(.gs-reconnect).text-primary, :where(.gs-reconnect) .text-primary {
    color: var(--primary)
}
:where(.gs-reconnect).text-red-400, :where(.gs-reconnect) .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
:where(.gs-reconnect).text-secondary, :where(.gs-reconnect) .text-secondary {
    color: var(--secondary)
}
:where(.gs-reconnect).transition, :where(.gs-reconnect) .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
:where(.gs-reconnect).transition-colors, :where(.gs-reconnect) .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
:where(.gs-reconnect).duration-200, :where(.gs-reconnect) .duration-200 {
    transition-duration: 200ms
}
:where(.gs-reconnect).\[overflow-wrap\:anywhere\], :where(.gs-reconnect) .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere
}
:where(.gs-reconnect).\[text-wrap\:balance\], :where(.gs-reconnect) .\[text-wrap\:balance\] {
    text-wrap: balance
}
:where(.gs-reconnect).\[text-wrap\:pretty\], :where(.gs-reconnect) .\[text-wrap\:pretty\] {
    text-wrap: pretty
}
:where(.gs-reconnect).focus-visible\:outline:focus-visible, :where(.gs-reconnect) .focus-visible\:outline:focus-visible {
    outline-style: solid
}
:where(.gs-reconnect).focus-visible\:outline-2:focus-visible, :where(.gs-reconnect) .focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}
:where(.gs-reconnect).focus-visible\:outline-offset-\[5px\]:focus-visible, :where(.gs-reconnect) .focus-visible\:outline-offset-\[5px\]:focus-visible {
    outline-offset: 5px
}
:where(.gs-reconnect).focus-visible\:outline-primary:focus-visible, :where(.gs-reconnect) .focus-visible\:outline-primary:focus-visible {
    outline-color: var(--primary)
}
@media (prefers-reduced-motion: reduce) {
    :where(.gs-reconnect).motion-reduce\:animate-none, :where(.gs-reconnect) .motion-reduce\:animate-none {
        animation: none
    }
}
@media (min-width: 481px) {
    :where(.gs-reconnect).min-\[481px\]\:text-\[32px\], :where(.gs-reconnect) .min-\[481px\]\:text-\[32px\] {
        font-size: 32px
    }
}
.gs-reconnect.h-dvh{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}