/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-leading: initial
        }
    }
}

@layer theme {
    :root,
    :host {
        --font-sans: "Poppins", sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-orange-400: oklch(75% .183 55.934);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-blue-300: oklch(80.9% .105 251.813);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-white: #fff;
        --spacing: .25rem;
        --container-lg: 32rem;
        --container-2xl: 42rem;
        --container-4xl: 56rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-relaxed: 1.625;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-3xl: 64px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-future: "Orbitron", sans-serif;
        --color-cyber-blue: #00e5ff;
        --color-cyber-dark: #001a2c;
        --color-cyber-light: #0af0ff;
        --animation-pulse-slow: pulse 4s cubic-bezier(.4, 0, .6, 1)infinite;
        --animation-float: float 6s ease-in-out infinite;
        --animation-data-stream: dataStream 10s linear infinite
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none!important
    }
    *,
    :after,
    :before,
    ::backdrop {
        border-color: var(--color-neutral-200, currentColor)
    }
    ::file-selector-button {
        border-color: var(--color-neutral-200, currentColor)
    }
    input::placeholder,
    textarea::placeholder {
        color: #99a1af
    }
    button,
    [role=button] {
        cursor: pointer
    }
}

@layer components;
@layer utilities {
    .invisible {
        visibility: hidden
    }
    .visible {
        visibility: visible
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .inset-0 {
        inset: calc(var(--spacing)*0)
    }
    .inset-4 {
        inset: calc(var(--spacing)*4)
    }
    .end-6 {
        inset-inline-end: calc(var(--spacing)*6)
    }
    .-top-20 {
        top: calc(var(--spacing)*-20)
    }
    .top-0 {
        top: calc(var(--spacing)*0)
    }
    .top-4 {
        top: calc(var(--spacing)*4)
    }
    .top-5 {
        top: calc(var(--spacing)*5)
    }
    .-right-10 {
        right: calc(var(--spacing)*-10)
    }
    .-right-20 {
        right: calc(var(--spacing)*-20)
    }
    .right-0 {
        right: calc(var(--spacing)*0)
    }
    .right-4 {
        right: calc(var(--spacing)*4)
    }
    .right-10 {
        right: calc(var(--spacing)*10)
    }
    .-bottom-20 {
        bottom: calc(var(--spacing)*-20)
    }
    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }
    .bottom-6 {
        bottom: calc(var(--spacing)*6)
    }
    .bottom-10 {
        bottom: calc(var(--spacing)*10)
    }
    .-left-10 {
        left: calc(var(--spacing)*-10)
    }
    .-left-20 {
        left: calc(var(--spacing)*-20)
    }
    .left-0 {
        left: calc(var(--spacing)*0)
    }
    .left-1\/2 {
        left: 50%
    }
    .z-10 {
        z-index: 10
    }
    .z-40 {
        z-index: 40
    }
    .z-50 {
        z-index: 50
    }
    .order-1 {
        order: 1
    }
    .order-2 {
        order: 2
    }
    .mx-auto {
        margin-inline: auto
    }
    .my-6 {
        margin-block: calc(var(--spacing)*6)
    }
    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }
    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }
    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }
    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }
    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }
    .mr-2 {
        margin-right: calc(var(--spacing)*2)
    }
    .mr-3 {
        margin-right: calc(var(--spacing)*3)
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }
    .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
    }
    .mb-16 {
        margin-bottom: calc(var(--spacing)*16)
    }
    .mb-24 {
        margin-bottom: calc(var(--spacing)*24)
    }
    .ml-2 {
        margin-left: calc(var(--spacing)*2)
    }
    .ml-3 {
        margin-left: calc(var(--spacing)*3)
    }
    .ml-4 {
        margin-left: calc(var(--spacing)*4)
    }
    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .block {
        display: block
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline-block {
        display: inline-block
    }
    .inline-flex {
        display: inline-flex
    }
    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }
    .size-12 {
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12)
    }
    .h-1 {
        height: calc(var(--spacing)*1)
    }
    .h-2 {
        height: calc(var(--spacing)*2)
    }
    .h-3 {
        height: calc(var(--spacing)*3)
    }
    .h-4 {
        height: calc(var(--spacing)*4)
    }
    .h-10 {
        height: calc(var(--spacing)*10)
    }
    .h-12 {
        height: calc(var(--spacing)*12)
    }
    .h-16 {
        height: calc(var(--spacing)*16)
    }
    .h-24 {
        height: calc(var(--spacing)*24)
    }
    .h-48 {
        height: calc(var(--spacing)*48)
    }
    .h-64 {
        height: calc(var(--spacing)*64)
    }
    .h-96 {
        height: calc(var(--spacing)*96)
    }
    .h-auto {
        height: auto
    }
    .h-full {
        height: 100%
    }
    .min-h-screen {
        min-height: 100vh
    }
    .w-1 {
        width: calc(var(--spacing)*1)
    }
    .w-3 {
        width: calc(var(--spacing)*3)
    }
    .w-4 {
        width: calc(var(--spacing)*4)
    }
    .w-10 {
        width: calc(var(--spacing)*10)
    }
    .w-12 {
        width: calc(var(--spacing)*12)
    }
    .w-16 {
        width: calc(var(--spacing)*16)
    }
    .w-24 {
        width: calc(var(--spacing)*24)
    }
    .w-32 {
        width: calc(var(--spacing)*32)
    }
    .w-64 {
        width: calc(var(--spacing)*64)
    }
    .w-96 {
        width: calc(var(--spacing)*96)
    }
    .w-full {
        width: 100%
    }
    .max-w-2xl {
        max-width: var(--container-2xl)
    }
    .max-w-4xl {
        max-width: var(--container-4xl)
    }
    .max-w-7xl {
        max-width: var(--container-7xl)
    }
    .max-w-lg {
        max-width: var(--container-lg)
    }
    .flex-1 {
        flex: 1
    }
    .flex-none {
        flex: none
    }
    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-1\/2 {
        --tw-translate-x: 50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }
    .animate-pulse {
        animation: var(--animate-pulse)
    }
    .animate-spin {
        animation: var(--animate-spin)
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .flex-col {
        flex-direction: column
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-center {
        align-items: center
    }
    .items-start {
        align-items: flex-start
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .gap-2 {
        gap: calc(var(--spacing)*2)
    }
    .gap-3 {
        gap: calc(var(--spacing)*3)
    }
    .gap-4 {
        gap: calc(var(--spacing)*4)
    }
    .gap-6 {
        gap: calc(var(--spacing)*6)
    }
    .gap-8 {
        gap: calc(var(--spacing)*8)
    }
    .gap-12 {
        gap: calc(var(--spacing)*12)
    }
    .gap-16 {
        gap: calc(var(--spacing)*16)
    }
    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-x-8>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-x-hidden {
        overflow-x: hidden
    }
    .rounded-full {
        border-radius: 3.40282e38px
    }
    .rounded-lg {
        border-radius: var(--radius-lg)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px
    }
    .border-cyber-blue {
        border-color: var(--color-cyber-blue)
    }
    .border-cyber-blue\/20 {
        border-color: #00e5ff33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-cyber-blue\/20 {
            border-color: color-mix(in oklab, var(--color-cyber-blue)20%, transparent)
        }
    }
    .border-cyber-blue\/30 {
        border-color: #00e5ff4d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-cyber-blue\/30 {
            border-color: color-mix(in oklab, var(--color-cyber-blue)30%, transparent)
        }
    }
    .border-cyber-blue\/40 {
        border-color: #00e5ff66
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-cyber-blue\/40 {
            border-color: color-mix(in oklab, var(--color-cyber-blue)40%, transparent)
        }
    }
    .bg-cyber-blue {
        background-color: var(--color-cyber-blue)
    }
    .bg-cyber-blue\/5 {
        background-color: #00e5ff0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-blue\/5 {
            background-color: color-mix(in oklab, var(--color-cyber-blue)5%, transparent)
        }
    }
    .bg-cyber-blue\/10 {
        background-color: #00e5ff1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-blue\/10 {
            background-color: color-mix(in oklab, var(--color-cyber-blue)10%, transparent)
        }
    }
    .bg-cyber-blue\/20 {
        background-color: #00e5ff33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-blue\/20 {
            background-color: color-mix(in oklab, var(--color-cyber-blue)20%, transparent)
        }
    }
    .bg-cyber-blue\/30 {
        background-color: #00e5ff4d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-blue\/30 {
            background-color: color-mix(in oklab, var(--color-cyber-blue)30%, transparent)
        }
    }
    .bg-cyber-dark {
        background-color: var(--color-cyber-dark)
    }
    .bg-cyber-dark\/20 {
        background-color: #001a2c33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-dark\/20 {
            background-color: color-mix(in oklab, var(--color-cyber-dark)20%, transparent)
        }
    }
    .bg-cyber-dark\/50 {
        background-color: #001a2c80
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-dark\/50 {
            background-color: color-mix(in oklab, var(--color-cyber-dark)50%, transparent)
        }
    }
    .bg-cyber-dark\/60 {
        background-color: #001a2c99
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-dark\/60 {
            background-color: color-mix(in oklab, var(--color-cyber-dark)60%, transparent)
        }
    }
    .bg-cyber-dark\/70 {
        background-color: #001a2cb3
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-dark\/70 {
            background-color: color-mix(in oklab, var(--color-cyber-dark)70%, transparent)
        }
    }
    .bg-cyber-dark\/80 {
        background-color: #001a2ccc
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyber-dark\/80 {
            background-color: color-mix(in oklab, var(--color-cyber-dark)80%, transparent)
        }
    }
    .bg-gray-700 {
        background-color: var(--color-gray-700)
    }
    .bg-green-500 {
        background-color: var(--color-green-500)
    }
    .bg-red-500 {
        background-color: var(--color-red-500)
    }
    .bg-transparent {
        background-color: #0000
    }
    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }
    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .from-cyber-dark {
        --tw-gradient-from: var(--color-cyber-dark);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .object-cover {
        object-fit: cover
    }
    .p-3 {
        padding: calc(var(--spacing)*3)
    }
    .p-4 {
        padding: calc(var(--spacing)*4)
    }
    .p-6 {
        padding: calc(var(--spacing)*6)
    }
    .p-8 {
        padding: calc(var(--spacing)*8)
    }
    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }
    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }
    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }
    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }
    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }
    .px-10 {
        padding-inline: calc(var(--spacing)*10)
    }
    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }
    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }
    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }
    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }
    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }
    .py-12 {
        padding-block: calc(var(--spacing)*12)
    }
    .py-16 {
        padding-block: calc(var(--spacing)*16)
    }
    .py-24 {
        padding-block: calc(var(--spacing)*24)
    }
    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }
    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }
    .pt-20 {
        padding-top: calc(var(--spacing)*20)
    }
    .pt-24 {
        padding-top: calc(var(--spacing)*24)
    }
    .pt-32 {
        padding-top: calc(var(--spacing)*32)
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }
    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }
    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }
    .pl-4 {
        padding-left: calc(var(--spacing)*4)
    }
    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }
    .text-center {
        text-align: center
    }
    .text-left {
        text-align: left
    }
    .font-future {
        font-family: var(--font-future)
    }
    .font-mono {
        font-family: var(--font-mono)
    }
    .font-sans {
        font-family: var(--font-sans)
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }
    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }
    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }
    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }
    .\!text-cyber-blue {
        color: var(--color-cyber-blue)!important
    }
    .text-blue-300 {
        color: var(--color-blue-300)
    }
    .text-blue-400 {
        color: var(--color-blue-400)
    }
    .text-cyber-blue {
        color: var(--color-cyber-blue)
    }
    .text-cyber-dark {
        color: var(--color-cyber-dark)
    }
    .text-gray-200 {
        color: var(--color-gray-200)
    }
    .text-gray-300 {
        color: var(--color-gray-300)
    }
    .text-gray-400 {
        color: var(--color-gray-400)
    }
    .text-green-400 {
        color: var(--color-green-400)
    }
    .text-orange-400 {
        color: var(--color-orange-400)
    }
    .text-pink-400 {
        color: var(--color-pink-400)
    }
    .text-purple-400 {
        color: var(--color-purple-400)
    }
    .text-white {
        color: var(--color-white)
    }
    .text-yellow-400 {
        color: var(--color-yellow-400)
    }
    .italic {
        font-style: italic
    }
    .opacity-0 {
        opacity: 0
    }
    .opacity-70 {
        opacity: .7
    }
    .opacity-100 {
        opacity: 1
    }
    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl));
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .blur-md {
        --tw-blur: blur(var(--blur-md));
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }
    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }
    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }
    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }
    @media (hover:hover) {
        .group-hover\:scale-110:is(:where(.group): hover *) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
        .hover\:border-cyber-blue\/50:hover {
            border-color: #00e5ff80
        }
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-cyber-blue\/50:hover {
                border-color: color-mix(in oklab, var(--color-cyber-blue)50%, transparent)
            }
        }
        .hover\:bg-cyber-blue\/10:hover {
            background-color: #00e5ff1a
        }
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-cyber-blue\/10:hover {
                background-color: color-mix(in oklab, var(--color-cyber-blue)10%, transparent)
            }
        }
        .hover\:bg-cyber-blue\/80:hover {
            background-color: #00e5ffcc
        }
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-cyber-blue\/80:hover {
                background-color: color-mix(in oklab, var(--color-cyber-blue)80%, transparent)
            }
        }
        .hover\:text-cyber-blue:hover {
            color: var(--color-cyber-blue)
        }
        .hover\:text-white:hover {
            color: var(--color-white)
        }
    }
    .focus\:border-cyber-blue:focus {
        border-color: var(--color-cyber-blue)
    }
    .focus\:ring-cyber-blue\/50:focus {
        --tw-ring-color: #00e5ff80
    }
    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-cyber-blue\/50:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-cyber-blue)50%, transparent)
        }
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }
    @media not all and (min-width:64rem) {
        .max-lg\:order-1 {
            order: 1
        }
        .max-lg\:order-2 {
            order: 2
        }
    }
    @media not all and (min-width:48rem) {
        .max-md\:hidden {
            display: none
        }
    }
    @media not all and (min-width:40rem) {
        .max-sm\:w-full {
            width: 100%
        }
    }
    @media (min-width:40rem) {
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .sm\:flex-row {
            flex-direction: row
        }
    }
    @media (min-width:48rem) {
        .md\:top-1\/4 {
            top: 25%
        }
        .md\:-right-20 {
            right: calc(var(--spacing)*-20)
        }
        .md\:bottom-1\/3 {
            bottom: 33.3333%
        }
        .md\:-left-20 {
            left: calc(var(--spacing)*-20)
        }
        .md\:mb-24 {
            margin-bottom: calc(var(--spacing)*24)
        }
        .md\:block {
            display: block
        }
        .md\:h-96 {
            height: calc(var(--spacing)*96)
        }
        .md\:w-96 {
            width: calc(var(--spacing)*96)
        }
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }
        .md\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }
        .md\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }
        .md\:pr-12 {
            padding-right: calc(var(--spacing)*12)
        }
        .md\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }
        .md\:text-right {
            text-align: right
        }
        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }
        .md\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }
    }
    @media (min-width:64rem) {
        .lg\:order-1 {
            order: 1
        }
        .lg\:order-2 {
            order: 2
        }
        .lg\:flex {
            display: flex
        }
        .lg\:hidden {
            display: none
        }
        .lg\:w-24 {
            width: calc(var(--spacing)*24)
        }
        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
        .lg\:ps-12 {
            padding-inline-start: calc(var(--spacing)*12)
        }
        .lg\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }
        .lg\:pt-40 {
            padding-top: calc(var(--spacing)*40)
        }
        .lg\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }
        .lg\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }
        .lg\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }
        .lg\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height))
        }
    }
}

body {
    background-color: var(--color-cyber-dark);
    background-image: radial-gradient(circle at 25% 25%, #00e5ff1a, #0000 40%), radial-gradient(circle at 75% 75%, #00e5ff1a, #0000 40%);
    position: relative;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-future)
}

.cyber-btn {
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    animation: 2s infinite neonPulse;
    position: relative;
    overflow: hidden
}

.cyber-btn:before {
    content: "";
    background-color: currentColor;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 2px;
    left: -4px;
    transform: rotate(-45deg)
}

.cyber-btn:after {
    content: "";
    background-color: currentColor;
    width: 20px;
    height: 1px;
    position: absolute;
    bottom: 2px;
    right: -3px;
    transform: rotate(-45deg)
}

.text-shadow-glow {
    text-shadow: 0 0 10px #00e5ffb3
}

.glow {
    box-shadow: 0 0 15px #00e5ff80
}

.data-stream {
    z-index: 0;
    background: linear-gradient(#0000, #00e5ff4d, #0000);
    width: 2px;
    height: 100px;
    animation: 10s linear infinite dataStream;
    position: absolute
}

.star {
    width: 2px;
    height: 2px;
    animation: linear infinite softFade;
    animation-duration: inherit;
    animation-delay: inherit;
    z-index: 0;
    background: #fffc;
    border-radius: 50%;
    position: fixed
}

@keyframes softFade {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes floatStar {
    0% {
        transform: translateY(100vh)translate(0)
    }
    to {
        transform: translateY(-100vh)translate(calc(10px*var(--direction)))
    }
}

.hologram-ring {
    border: 2px solid #00e5ff4d;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: 10s linear infinite spinHologram;
    position: absolute;
    box-shadow: 0 0 20px #00e5ff80
}

@keyframes spinHologram {
    0% {
        transform: rotate(0)rotateX(70deg)
    }
    to {
        transform: rotate(360deg)rotateX(70deg)
    }
}

@keyframes neonPulse {
    0%,
    to {
        box-shadow: 0 0 10px #00e5ff80
    }
    50% {
        box-shadow: 0 0 20px #00e5ff, 0 0 30px #00e5ffb3
    }
}

.matrix-code {
    z-index: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

.matrix-char {
    color: #00e5ff80;
    font-family: Orbitron, sans-serif;
    font-size: 14px;
    animation: 5s linear infinite matrixFall;
    position: absolute
}

@keyframes matrixFall {
    0% {
        opacity: 1;
        transform: translateY(-100vh)
    }
    to {
        opacity: 0;
        transform: translateY(100vh)
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(-100px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(100px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

.delay100 {
    animation-delay: .1s
}

.delay200 {
    animation-delay: .2s
}

.delay300 {
    animation-delay: .3s
}

.delay400 {
    animation-delay: .4s
}

.delay500 {
    animation-delay: .5s
}

.delay600 {
    animation-delay: .6s
}

.delay700 {
    animation-delay: .7s
}

.delay800 {
    animation-delay: .8s
}

.delay900 {
    animation-delay: .9s
}

.delay1000 {
    animation-delay: 1s
}

.delay1100 {
    animation-delay: 1.1s
}

.delay1200 {
    animation-delay: 1.2s
}

.post-content {
    max-width: var(--container-4xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-300);
    margin-inline: auto
}

.post-content h2 {
    margin-top: calc(var(--spacing)*8);
    margin-bottom: calc(var(--spacing)*4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-cyber-blue)
}

.post-content h3 {
    margin-top: calc(var(--spacing)*6);
    margin-bottom: calc(var(--spacing)*3);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-cyber-blue)
}

.post-content h4 {
    margin-top: calc(var(--spacing)*6);
    margin-bottom: calc(var(--spacing)*3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-cyber-blue)
}

.post-content h5 {
    margin-top: calc(var(--spacing)*6);
    margin-bottom: calc(var(--spacing)*3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-cyber-blue)
}

.post-content p {
    margin-bottom: calc(var(--spacing)*6);
    color: var(--color-gray-300)
}

.post-content ul {
    margin-bottom: calc(var(--spacing)*6);
    padding-left: calc(var(--spacing)*6);
    list-style-type: disc
}

.post-content li {
    margin-bottom: calc(var(--spacing)*2)
}

.post-content a {
    color: var(--color-cyber-blue);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

@media (hover:hover) {
    .post-content a:hover {
        color: var(--color-white)
    }
}

.post-content strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-200)
}

.post-content pre {
    margin-top: calc(var(--spacing)*3);
    margin-bottom: calc(var(--spacing)*6);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing)*4);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: #00e5ff1a;
    border-width: 1px;
    border-color: #00e5ff33;
    overflow: auto
}

@supports (color:color-mix(in lab, red, red)) {
    .post-content pre {
        border-color: color-mix(in oklab, var(--color-cyber-blue)20%, transparent);
        background-color: color-mix(in oklab, var(--color-cyber-blue)10%, transparent)
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    contain: strict;
    display: inline-block;
    height: 20px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }
    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    inset: 0 .5em 0 auto;
    padding: 1em 0
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999!important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden
}

.glightbox-container .gslider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100%!important
}

.gslide iframe,
.gslide video {
    outline: 0!important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    padding: 0;
    float: none;
    outline: 0;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px
}

.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    -webkit-transition: none;
    transition: none
}

.gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100%!important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff000057;
    display: none
}

.gslide-video.playing:before {
    display: none
}

.gslide-video.fullscreen {
    max-width: 100%!important;
    min-width: 100%;
    height: 75vh
}

.gslide-video.fullscreen video {
    max-width: 100%!important;
    width: 100%!important
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%;
    margin: auto
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    -webkit-transition: none;
    transition: none
}

.ginlined-content {
    overflow: auto;
    display: block!important;
    opacity: 1
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%
}

.gslide-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.desc-bottom .gslide-media,
.desc-top .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.zoomed .gslide-description,
.glightbox-button-hidden {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto!important;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 19px 11px 50px;
    max-width: 100vw!important;
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important;
    max-height: 78vh;
    overflow: auto!important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
    background: linear-gradient(to bottom, #0000 0, #000000bf);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.greset {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none!important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader .8s infinite linear;
    animation: lightboxLoader .8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gclose,
.gnext,
.gprev {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gclose svg,
.gnext svg,
.gprev svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0
}

.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
    opacity: .1
}

.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
    opacity: 0!important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: #000000bf;
    border-radius: 4px
}

.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    -webkit-animation: gfadeIn .5s ease;
    animation: gfadeIn .5s ease
}

.gfadeOut {
    -webkit-animation: gfadeOut .5s ease;
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft .3s ease;
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    -webkit-animation: gslideInLeft .3s ease;
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    -webkit-animation: gslideOutRight .3s ease;
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    -webkit-animation: gslideInRight .3s ease;
    animation: gslideInRight .3s ease
}

.gzoomIn {
    -webkit-animation: gzoomIn .5s ease;
    animation: gzoomIn .5s ease
}

.gzoomOut {
    -webkit-animation: gzoomOut .5s ease;
    animation: gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes gfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes gslideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutLeft {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    0% {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes gslideInRight {
    0% {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutRight {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@keyframes gslideOutRight {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes gzoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }
    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }
    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }
    .gslide-inline {
        max-height: 95vh
    }
    .gslide-external {
        max-height: 100vh
    }
    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }
    .glightbox-open {
        height: auto
    }
    .goverlay {
        background: #000000eb
    }
    .glightbox-clean .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
        box-shadow: 1px 2px 9px #000000a6
    }
    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }
    .glightbox-clean .gclose,
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        background-color: #00000052
    }
    .glightbox-clean .gclose:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gprev:hover {
        background-color: #000000b3
    }
    .glightbox-clean .gprev,
    .glightbox-clean .gnext {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}