/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/
    *,
    :after,
    :before {
        border: 0 solid #e5e7eb;
        box-sizing: border-box
    }

    :after,
    :before {
        --tw-content: ""
    }

    :host,
    html {
        -webkit-text-size-adjust: 100%;
        font-feature-settings: normal;
        -webkit-tap-highlight-color: transparent;
        font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-variation-settings: normal;
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4
    }

    body {
        line-height: inherit;
        margin: 0
    }

    hr {
        border-top-width: 1px;
        color: inherit;
        height: 0
    }

    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;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        font-feature-settings: normal;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-size: 1em;
        font-variation-settings: normal
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-feature-settings: inherit;
        color: inherit;
        font-family: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0
    }

    button,
    select {
        text-transform: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    :-moz-focusring {
        outline: auto
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    blockquote,
    dd,
    dl,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    pre {
        margin: 0
    }

    fieldset {
        margin: 0
    }

    fieldset,
    legend {
        padding: 0
    }

    menu,
    ol,
    ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    dialog {
        padding: 0
    }

    textarea {
        resize: vertical
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #9ca3af;
        opacity: 1
    }

    input::placeholder,
    textarea::placeholder {
        color: #9ca3af;
        opacity: 1
    }

    [role=button],
    button {
        cursor: pointer
    }

    :disabled {
        cursor: default
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }

    img,
    video {
        height: auto;
        max-width: 100%
    }

    [hidden] {
        display: none
    }

    :is(html.dark body) {
        background-color: #000
    }

    @font-face {
        font-display: swap;
        font-family: Inter;
        font-style: oblique 0deg 10deg;
        font-weight: 400 600;
        src: local("Inter"), url(fonts/inter-latin-variable-full-font.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: Gilroy;
        font-style: normal;
        font-weight: 500;
        src: local("Gilroy"), local("Gilroy-Medium"), local("GilroyMedium"), local("Gilroy Medium"), url(fonts/gilroy-medium.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: Gilroy;
        font-style: normal;
        font-weight: 600;
        src: local("Gilroy"), local("Gilroy-SemiBold"), local("GilroySemiBold"), local("Gilroy SemiBold"), url(fonts/gilroy-semibold.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: BitvavoSans;
        font-style: normal;
        font-weight: 400;
        src: local("BitvavoSans"), url(fonts/bitvavosansvariable-regular.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: BitvavoSans;
        font-style: normal;
        font-weight: 500;
        src: local("BitvavoSans"), url(fonts/bitvavosansvariable-medium.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: BitvavoSans;
        font-style: normal;
        font-weight: 600;
        src: local("BitvavoSans"), url(fonts/bitvavosansvariable-semibold.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: BitvavoSans;
        font-style: normal;
        font-weight: 700;
        src: local("BitvavoSans"), url(fonts/bitvavosansvariable-bold.woff2) format("woff2")
    }

    * {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235/var(--tw-border-opacity))
    }

    :is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(31 41 55/var(--tw-border-opacity))
    }

    ::-moz-selection {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(0 81 255/var(--tw-bg-opacity));
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    ::selection {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(0 81 255/var(--tw-bg-opacity));
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-size-adjust: 100%;
        scroll-behavior: smooth
    }

    body {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        color: rgb(15 21 27/var(--tw-text-opacity));
        font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1rem;
        line-height: 1.5rem;
        overflow-x: clip
    }

    :is(.dark body) {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(8 13 21/var(--tw-bg-opacity));
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    #gatsby-focus-wrapper {
        position: relative
    }

    .heading {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        letter-spacing: -.025em
    }

    .heading,
    b,
    strong {
        font-weight: 600
    }

    h4+h5 {
        margin-top: .5rem !important
    }

    button {
        font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    small {
        --tw-text-opacity: 1;
        color: rgb(104 123 141/var(--tw-text-opacity));
        font-size: .75rem;
        line-height: 1rem
    }

    :is(.dark small) {
        --tw-text-opacity: 1;
        color: rgb(133 148 161/var(--tw-text-opacity))
    }

    [data-af-custom-fonts=af-creatives-text] {
        font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
    }

    .stoppable-on-hover:hover .animate-infinite-scroll-lg {
        animation-play-state: paused
    }

    .active-scroll-spy {
        --tw-text-opacity: 1;
        color: rgb(0 81 255/var(--tw-text-opacity));
        font-weight: 500
    }

    @media (min-width:1280px) {
        .active-scroll-spy {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: rgb(242 245 255/var(--tw-bg-opacity));
            color: rgb(15 21 27/var(--tw-text-opacity))
        }
    }

    .recharts-wrapper .recharts-cartesian-grid-horizontal line:last-child {
        stroke-opacity: 0
    }

    *,
    :after,
    :before {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }

    ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }

    :root {
        --pro-hero-transition: 400ms cubic-bezier(0.33, 1, 0.68, 1)
    }

    .pro-hero--transition {
        transition: transform var(--pro-hero-transition), offset-distance var(--pro-hero-transition)
    }

    .pro-hero__light-source-path {
        offset-distance: 0;
        offset-path: border-box
    }

    .pro-hero__text-wrapper {
        padding-bottom: 5vh;
        padding-top: 5vh
    }

    @media screen and (min-height:720px) {
        .pro-hero__text-wrapper {
            padding-bottom: 7vh;
            padding-top: 7vh
        }
    }

    @media screen and (min-height:770px) {
        .pro-hero__text-wrapper {
            padding-bottom: 10vh;
            padding-top: 10vh
        }
    }

    @media screen and (min-height:820px) {
        .pro-hero__text-wrapper {
            padding-bottom: 12.5vh;
            padding-top: 12.5vh
        }
    }

    @media screen and (min-height:960px) {
        .pro-hero__text-wrapper {
            padding-bottom: 8rem;
            padding-top: 12.5rem
        }
    }

    .x-layout {
        padding-left: 1rem;
        padding-right: 1rem
    }

    @media (min-width:768px) {
        .x-layout {
            margin-left: auto;
            margin-right: auto;
            max-width: 72rem;
            padding-left: 2rem;
            padding-right: 2rem;
            width: 100%
        }
    }

    .x-layout-wide {
        padding-left: 1rem;
        padding-right: 1rem
    }

    @media (min-width:768px) {
        .x-layout-wide {
            margin-left: auto;
            margin-right: auto;
            max-width: 128rem;
            padding-left: 2rem;
            padding-right: 2rem;
            width: 100%
        }
    }

    .x-pro-layout {
        padding-left: 1rem;
        padding-right: 1rem
    }

    @media (min-width:768px) {
        .x-pro-layout {
            margin-left: auto;
            margin-right: auto;
            max-width: 1144px;
            padding-left: 2rem;
            padding-right: 2rem;
            width: 100%
        }
    }

    .x-pro-wide-layout {
        padding-left: 1rem;
        padding-right: 1rem
    }

    @media (min-width:768px) {
        .x-pro-wide-layout {
            margin-left: auto;
            margin-right: auto;
            max-width: 1464px;
            padding-left: 2rem;
            padding-right: 2rem;
            width: 100%
        }
    }

    .heading-1 {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 2.25rem;
        font-weight: 600;
        letter-spacing: -.025em;
        line-height: 2.5rem
    }

    @media (min-width:768px) {
        .heading-1 {
            font-size: 3rem;
            line-height: 1.125
        }
    }

    .heading-2 {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1.875rem;
        font-weight: 600;
        letter-spacing: -.025em;
        line-height: 2.25rem
    }

    @media (min-width:768px) {
        .heading-2 {
            font-size: 2.25rem;
            line-height: 1.125
        }
    }

    .heading-3 {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: -.025em;
        line-height: 2rem
    }

    @media (min-width:768px) {
        .heading-3 {
            font-size: 1.875rem;
            line-height: 2.25rem
        }
    }

    .heading-4 {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1.25rem;
        font-weight: 600;
        letter-spacing: -.025em;
        line-height: 1.75rem
    }

    @media (min-width:768px) {
        .heading-4 {
            font-size: 1.5rem;
            line-height: 2rem
        }
    }

    .heading-5 {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1.125rem;
        font-weight: 600;
        letter-spacing: -.025em;
        line-height: 1.75rem
    }

    @media (min-width:768px) {
        .heading-5 {
            font-size: 1.25rem;
            line-height: 1.75rem
        }
    }

    .heading-6 {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: -.025em;
        line-height: 1.5rem
    }

    @media (min-width:768px) {
        .heading-6 {
            font-size: 1.125rem;
            line-height: 1.75rem
        }
    }

    .subtitle {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity));
        letter-spacing: -.025em
    }

    :is(.dark .subtitle) {
        --tw-text-opacity: 1;
        color: rgb(133 148 161/var(--tw-text-opacity))
    }

    @media (min-width:640px) {
        .subtitle {
            font-size: 1.125rem;
            line-height: 1.625
        }
    }

    @media (min-width:768px) {
        .subtitle {
            font-size: 1.25rem;
            line-height: 1.625
        }
    }

    .rich-text-wrapper>h2:first-child,
    .rich-text-wrapper>h3:first-child,
    .rich-text-wrapper>h4:first-child,
    .rich-text-wrapper>h5:first-child,
    .rich-text-wrapper>h6:first-child {
        margin-top: 0 !important
    }

    .scrollbar-hidden::-webkit-scrollbar {
        display: none
    }

    .scrollbar-hidden {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .sr-only {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .pointer-events-none {
        pointer-events: none
    }

    .visible {
        visibility: visible
    }

    .invisible {
        visibility: hidden
    }

    .static {
        position: static
    }

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: 0
    }

    .inset-x-0 {
        left: 0;
        right: 0
    }

    .inset-y-0 {
        bottom: 0;
        top: 0
    }

    .-bottom-12 {
        bottom: -3rem
    }

    .-left-12 {
        left: -3rem
    }

    .-right-12 {
        right: -3rem
    }

    .-top-0 {
        top: 0
    }

    .-top-0\.5 {
        top: -.125rem
    }

    .-top-1\/2 {
        top: -50%
    }

    .-top-12 {
        top: -3rem
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-6 {
        bottom: 1.5rem
    }

    .left-0 {
        left: 0
    }

    .left-1\/2 {
        left: 50%
    }

    .left-2 {
        left: .5rem
    }

    .left-\[-0\.6rem\] {
        left: -.6rem
    }

    .left-\[10\%\] {
        left: 10%
    }

    .left-\[10px\] {
        left: 10px
    }

    .left-\[13\%\] {
        left: 13%
    }

    .left-\[15\%\] {
        left: 15%
    }

    .left-\[16\%\] {
        left: 16%
    }

    .left-\[18\%\] {
        left: 18%
    }

    .left-\[50\%\] {
        left: 50%
    }

    .left-\[58\%\] {
        left: 58%
    }

    .left-\[5px\] {
        left: 5px
    }

    .right-0 {
        right: 0
    }

    .right-2 {
        right: .5rem
    }

    .right-4 {
        right: 1rem
    }

    .right-\[15\%\] {
        right: 15%
    }

    .right-\[43\.5\%\] {
        right: 43.5%
    }

    .right-\[45\%\] {
        right: 45%
    }

    .right-\[49\%\] {
        right: 49%
    }

    .top-0 {
        top: 0
    }

    .top-1\/2 {
        top: 50%
    }

    .top-16 {
        top: 4rem
    }

    .top-32 {
        top: 8rem
    }

    .top-36 {
        top: 9rem
    }

    .top-4 {
        top: 1rem
    }

    .top-8 {
        top: 2rem
    }

    .top-\[-1\.1rem\] {
        top: -1.1rem
    }

    .top-\[-69px\] {
        top: -69px
    }

    .top-\[10\.5rem\] {
        top: 10.5rem
    }

    .top-\[110\%\] {
        top: 110%
    }

    .top-\[12\.5\%\] {
        top: 12.5%
    }

    .top-\[13\.2\%\] {
        top: 13.2%
    }

    .top-\[14px\] {
        top: 14px
    }

    .top-\[1px\] {
        top: 1px
    }

    .top-\[21\.5\%\] {
        top: 21.5%
    }

    .top-\[28\.5\%\] {
        top: 28.5%
    }

    .top-\[30\%\] {
        top: 30%
    }

    .top-\[50\%\] {
        top: 50%
    }

    .top-\[60\%\] {
        top: 60%
    }

    .top-\[7px\] {
        top: 7px
    }

    .top-\[83\%\] {
        top: 83%
    }

    .top-\[9px\] {
        top: 9px
    }

    .top-full {
        top: 100%
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-50 {
        z-index: 50
    }

    .z-\[1\] {
        z-index: 1
    }

    .z-\[20\] {
        z-index: 20
    }

    .z-\[2\] {
        z-index: 2
    }

    .z-\[3\] {
        z-index: 3
    }

    .z-\[98\] {
        z-index: 98
    }

    .z-\[99\] {
        z-index: 99
    }

    .z-\[9\] {
        z-index: 9
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-first {
        order: -9999
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-8 {
        grid-column: span 8/span 8
    }

    .m-12 {
        margin: 3rem
    }

    .m-auto {
        margin: auto
    }

    .-mx-1 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .-my-8 {
        margin-bottom: -2rem;
        margin-top: -2rem
    }

    .mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mx-1\.5 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .my-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .my-0\.5 {
        margin-bottom: .125rem;
        margin-top: .125rem
    }

    .my-1 {
        margin-bottom: .25rem;
        margin-top: .25rem
    }

    .my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }

    .my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .my-22 {
        margin-bottom: 5.5rem;
        margin-top: 5.5rem
    }

    .my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .-mb-2 {
        margin-bottom: -.5rem
    }

    .-mb-8 {
        margin-bottom: -2rem
    }

    .-ml-4 {
        margin-left: -1rem
    }

    .-mt-4 {
        margin-top: -1rem
    }

    .-mt-\[50px\] {
        margin-top: -50px
    }

    .mb-0 {
        margin-bottom: 0
    }

    .mb-10 {
        margin-bottom: 2.5rem
    }

    .mb-12 {
        margin-bottom: 3rem
    }

    .mb-14 {
        margin-bottom: 3.5rem
    }

    .mb-16 {
        margin-bottom: 4rem
    }

    .mb-2 {
        margin-bottom: .5rem
    }

    .mb-20 {
        margin-bottom: 5rem
    }

    .mb-3 {
        margin-bottom: .75rem
    }

    .mb-4 {
        margin-bottom: 1rem
    }

    .mb-5 {
        margin-bottom: 1.25rem
    }

    .mb-6 {
        margin-bottom: 1.5rem
    }

    .mb-8 {
        margin-bottom: 2rem
    }

    .mb-9 {
        margin-bottom: 2.25rem
    }

    .mb-\[-50\%\] {
        margin-bottom: -50%
    }

    .mb-\[200px\] {
        margin-bottom: 200px
    }

    .mb-\[50px\] {
        margin-bottom: 50px
    }

    .mb-\[6\.5rem\] {
        margin-bottom: 6.5rem
    }

    .ml-1 {
        margin-left: .25rem
    }

    .ml-2 {
        margin-left: .5rem
    }

    .ml-3 {
        margin-left: .75rem
    }

    .ml-4 {
        margin-left: 1rem
    }

    .ml-5 {
        margin-left: 1.25rem
    }

    .ml-6 {
        margin-left: 1.5rem
    }

    .ml-auto {
        margin-left: auto
    }

    .mr-1 {
        margin-right: .25rem
    }

    .mr-12 {
        margin-right: 3rem
    }

    .mr-2 {
        margin-right: .5rem
    }

    .mr-4 {
        margin-right: 1rem
    }

    .mr-6 {
        margin-right: 1.5rem
    }

    .mt-1 {
        margin-top: .25rem
    }

    .mt-1\.5 {
        margin-top: .375rem
    }

    .mt-16 {
        margin-top: 4rem
    }

    .mt-2 {
        margin-top: .5rem
    }

    .mt-4 {
        margin-top: 1rem
    }

    .mt-6 {
        margin-top: 1.5rem
    }

    .mt-8 {
        margin-top: 2rem
    }

    .mt-9 {
        margin-top: 2.25rem
    }

    .mt-\[-126px\] {
        margin-top: -126px
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1
    }

    .line-clamp-1,
    .line-clamp-2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .line-clamp-3 {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        overflow: hidden
    }

    .block {
        display: block
    }

    .inline-block {
        display: inline-block
    }

    .inline {
        display: inline
    }

    .flex {
        display: flex
    }

    .inline-flex {
        display: inline-flex
    }

    .\!table {
        display: table !important
    }

    .table {
        display: table
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

    .aspect-square {
        aspect-ratio: 1/1
    }

    .aspect-video {
        aspect-ratio: 16/9
    }

    .size-10 {
        height: 2.5rem;
        width: 2.5rem
    }

    .size-12 {
        height: 3rem;
        width: 3rem
    }

    .size-16 {
        height: 4rem;
        width: 4rem
    }

    .size-2 {
        height: .5rem;
        width: .5rem
    }

    .size-3 {
        height: .75rem;
        width: .75rem
    }

    .size-3\.5 {
        height: .875rem;
        width: .875rem
    }

    .size-4 {
        height: 1rem;
        width: 1rem
    }

    .size-5 {
        height: 1.25rem;
        width: 1.25rem
    }

    .size-6 {
        height: 1.5rem;
        width: 1.5rem
    }

    .size-7 {
        height: 1.75rem;
        width: 1.75rem
    }

    .size-8 {
        height: 2rem;
        width: 2rem
    }

    .size-9 {
        height: 2.25rem;
        width: 2.25rem
    }

    .size-\[1800px\] {
        height: 1800px;
        width: 1800px
    }

    .size-\[1850px\] {
        height: 1850px;
        width: 1850px
    }

    .size-\[28px\] {
        height: 28px;
        width: 28px
    }

    .size-\[38px\] {
        height: 38px;
        width: 38px
    }

    .size-\[400px\] {
        height: 400px;
        width: 400px
    }

    .size-\[500px\] {
        height: 500px;
        width: 500px
    }

    .size-\[50px\] {
        height: 50px;
        width: 50px
    }

    .size-full {
        height: 100%;
        width: 100%
    }

    .h-1 {
        height: .25rem
    }

    .h-1\.5 {
        height: .375rem
    }

    .h-10 {
        height: 2.5rem
    }

    .h-11 {
        height: 2.75rem
    }

    .h-12 {
        height: 3rem
    }

    .h-14 {
        height: 3.5rem
    }

    .h-16 {
        height: 4rem
    }

    .h-2 {
        height: .5rem
    }

    .h-2\.5 {
        height: .625rem
    }

    .h-24 {
        height: 6rem
    }

    .h-3\/4 {
        height: 75%
    }

    .h-4 {
        height: 1rem
    }

    .h-5 {
        height: 1.25rem
    }

    .h-6 {
        height: 1.5rem
    }

    .h-8 {
        height: 2rem
    }

    .h-9 {
        height: 2.25rem
    }

    .h-\[1px\] {
        height: 1px
    }

    .h-\[200px\] {
        height: 200px
    }

    .h-\[20px\] {
        height: 20px
    }

    .h-\[22\%\] {
        height: 22%
    }

    .h-\[248px\] {
        height: 248px
    }

    .h-\[2px\] {
        height: 2px
    }

    .h-\[309px\] {
        height: 309px
    }

    .h-\[40px\] {
        height: 40px
    }

    .h-\[445px\] {
        height: 445px
    }

    .h-\[50px\] {
        height: 50px
    }

    .h-\[51px\] {
        height: 51px
    }

    .h-\[580px\] {
        height: 580px
    }

    .h-\[62px\] {
        height: 62px
    }

    .h-\[925px\] {
        height: 925px
    }

    .h-\[inherit\] {
        height: inherit
    }

    .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
        height: var(--radix-navigation-menu-viewport-height)
    }

    .h-\[var\(--radix-select-trigger-height\)\] {
        height: var(--radix-select-trigger-height)
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-fit {
        height: -moz-fit-content;
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .max-h-\[50px\] {
        max-height: 50px
    }

    .max-h-\[672px\] {
        max-height: 672px
    }

    .max-h-\[var\(--dynamic-height\)\] {
        max-height: var(--dynamic-height)
    }

    .max-h-max {
        max-height: -moz-max-content;
        max-height: max-content
    }

    .min-h-16 {
        min-height: 4rem
    }

    .min-h-6 {
        min-height: 1.5rem
    }

    .min-h-8 {
        min-height: 2rem
    }

    .min-h-\[414px\] {
        min-height: 414px
    }

    .min-h-\[448px\] {
        min-height: 448px
    }

    .min-h-\[487px\] {
        min-height: 487px
    }

    .min-h-\[70px\] {
        min-height: 70px
    }

    .w-0 {
        width: 0
    }

    .w-1 {
        width: .25rem
    }

    .w-1\/5 {
        width: 20%
    }

    .w-10 {
        width: 2.5rem
    }

    .w-2 {
        width: .5rem
    }

    .w-2\.5 {
        width: .625rem
    }

    .w-24 {
        width: 6rem
    }

    .w-3\/4 {
        width: 75%
    }

    .w-4 {
        width: 1rem
    }

    .w-4\/5 {
        width: 80%
    }

    .w-5\/6 {
        width: 83.333333%
    }

    .w-6 {
        width: 1.5rem
    }

    .w-72 {
        width: 18rem
    }

    .w-8 {
        width: 2rem
    }

    .w-80 {
        width: 20rem
    }

    .w-\[100px\] {
        width: 100px
    }

    .w-\[120\%\] {
        width: 120%
    }

    .w-\[120px\] {
        width: 120px
    }

    .w-\[140px\] {
        width: 140px
    }

    .w-\[14px\] {
        width: 14px
    }

    .w-\[160px\] {
        width: 160px
    }

    .w-\[19px\] {
        width: 19px
    }

    .w-\[200px\] {
        width: 200px
    }

    .w-\[34\%\] {
        width: 34%
    }

    .w-\[36px\] {
        width: 36px
    }

    .w-\[40px\] {
        width: 40px
    }

    .w-\[500px\] {
        width: 500px
    }

    .w-\[65px\] {
        width: 65px
    }

    .w-\[70px\] {
        width: 70px
    }

    .w-\[inherit\] {
        width: inherit
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: -moz-max-content;
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .min-w-0 {
        min-width: 0
    }

    .min-w-10 {
        min-width: 2.5rem
    }

    .min-w-8 {
        min-width: 2rem
    }

    .min-w-9 {
        min-width: 2.25rem
    }

    .min-w-\[150px\] {
        min-width: 150px
    }

    .min-w-\[240px\] {
        min-width: 240px
    }

    .min-w-\[360px\] {
        min-width: 360px
    }

    .min-w-\[8rem\] {
        min-width: 8rem
    }

    .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
    }

    .max-w-2xl {
        max-width: 42rem
    }

    .max-w-4xl {
        max-width: 56rem
    }

    .max-w-64 {
        max-width: 16rem
    }

    .max-w-\[110px\] {
        max-width: 110px
    }

    .max-w-\[120px\] {
        max-width: 120px
    }

    .max-w-\[130px\] {
        max-width: 130px
    }

    .max-w-\[160px\] {
        max-width: 160px
    }

    .max-w-\[280px\] {
        max-width: 280px
    }

    .max-w-\[32\%\] {
        max-width: 32%
    }

    .max-w-\[360px\] {
        max-width: 360px
    }

    .max-w-\[500px\] {
        max-width: 500px
    }

    .max-w-\[600px\] {
        max-width: 600px
    }

    .max-w-\[700px\] {
        max-width: 700px
    }

    .max-w-\[960px\] {
        max-width: 960px
    }

    .max-w-\[inherit\] {
        max-width: inherit
    }

    .max-w-lg {
        max-width: 32rem
    }

    .max-w-max {
        max-width: -moz-max-content;
        max-width: max-content
    }

    .max-w-sm {
        max-width: 24rem
    }

    .max-w-xl {
        max-width: 36rem
    }

    .max-w-xs {
        max-width: 20rem
    }

    .flex-1 {
        flex: 1 1 0%
    }

    .flex-auto {
        flex: 1 1 auto
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .basis-0 {
        flex-basis: 0px
    }

    .caption-bottom {
        caption-side: bottom
    }

    .\!translate-x-0 {
        --tw-translate-x: 0px !important
    }

    .\!translate-x-0,
    .\!translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .\!translate-y-0 {
        --tw-translate-y: 0px !important
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .-translate-x-1\/2,
    .-translate-x-\[85\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .-translate-x-\[85\%\] {
        --tw-translate-x: -85%
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .-translate-y-1\/2,
    .-translate-y-\[250\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .-translate-y-\[250\%\] {
        --tw-translate-y: -250%
    }

    .-translate-y-\[40\%\] {
        --tw-translate-y: -40%
    }

    .-translate-y-\[40\%\],
    .translate-x-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-x-0 {
        --tw-translate-x: 0px
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

    .translate-x-\[-50\%\],
    .translate-x-\[20\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-x-\[20\%\] {
        --tw-translate-x: 20%
    }

    .translate-x-\[50\%\] {
        --tw-translate-x: 50%
    }

    .translate-x-\[50\%\],
    .translate-x-\[80\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-x-\[80\%\] {
        --tw-translate-x: 80%
    }

    .translate-y-0 {
        --tw-translate-y: 0px
    }

    .translate-y-0,
    .translate-y-24 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-24 {
        --tw-translate-y: 6rem
    }

    .translate-y-28 {
        --tw-translate-y: 7rem
    }

    .translate-y-28,
    .translate-y-32 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-32 {
        --tw-translate-y: 8rem
    }

    .translate-y-36 {
        --tw-translate-y: 9rem
    }

    .translate-y-36,
    .translate-y-\[-150px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-\[-150px\] {
        --tw-translate-y: -150px
    }

    .translate-y-\[-245px\] {
        --tw-translate-y: -245px
    }

    .translate-y-\[-245px\],
    .translate-y-\[-50\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .translate-y-\[20\%\] {
        --tw-translate-y: 20%
    }

    .translate-y-\[20\%\],
    .translate-y-\[30\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-\[30\%\] {
        --tw-translate-y: 30%
    }

    .translate-y-\[90\%\] {
        --tw-translate-y: 90%
    }

    .rotate-45,
    .translate-y-\[90\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .rotate-45 {
        --tw-rotate: 45deg
    }

    .rotate-90 {
        --tw-rotate: 90deg
    }

    .rotate-90,
    .rotate-\[-45deg\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .rotate-\[-45deg\] {
        --tw-rotate: -45deg
    }

    .rotate-\[45deg\] {
        --tw-rotate: 45deg
    }

    .rotate-\[45deg\],
    .scale-100 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }

    .scale-75,
    .scale-\[0\.7\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .scale-\[0\.7\] {
        --tw-scale-x: 0.7;
        --tw-scale-y: 0.7
    }

    .scale-\[0\.935\] {
        --tw-scale-x: 0.935;
        --tw-scale-y: 0.935
    }

    .scale-\[0\.935\],
    .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .transform-none {
        transform: none
    }

    .animate-infinite-scroll {
        animation: infinite-scroll 25s linear infinite
    }

    @keyframes infinite-scroll {
        0% {
            transform: translateX(0)
        }

        to {
            transform: translateX(-100%)
        }
    }

    .animate-infinite-scroll-lg {
        animation: infinite-scroll 50s linear infinite
    }

    @keyframes ping {

        75%,
        to {
            opacity: 0;
            transform: scale(2)
        }
    }

    .animate-ping {
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }

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

    .animate-pulse {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }

    @keyframes spin {
        to {
            transform: rotate(1turn)
        }
    }

    .animate-spin {
        animation: spin 1s linear infinite
    }

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .resize {
        resize: both
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-center {
        scroll-snap-align: center
    }

    .list-inside {
        list-style-position: inside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .flex-row {
        flex-direction: row
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .place-content-center {
        place-content: center
    }

    .content-start {
        align-content: flex-start
    }

    .items-start {
        align-items: flex-start
    }

    .items-end {
        align-items: flex-end
    }

    .items-center {
        align-items: center
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-start {
        justify-content: flex-start
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-center {
        justify-content: center
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-around {
        justify-content: space-around
    }

    .gap-0 {
        gap: 0
    }

    .gap-1 {
        gap: .25rem
    }

    .gap-1\.5 {
        gap: .375rem
    }

    .gap-10 {
        gap: 2.5rem
    }

    .gap-12 {
        gap: 3rem
    }

    .gap-16 {
        gap: 4rem
    }

    .gap-2 {
        gap: .5rem
    }

    .gap-20 {
        gap: 5rem
    }

    .gap-3 {
        gap: .75rem
    }

    .gap-4 {
        gap: 1rem
    }

    .gap-5 {
        gap: 1.25rem
    }

    .gap-6 {
        gap: 1.5rem
    }

    .gap-8 {
        gap: 2rem
    }

    .gap-\[10\.5px\] {
        gap: 10.5px
    }

    .gap-px {
        gap: 1px
    }

    .gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .gap-y-2 {
        row-gap: .5rem
    }

    .gap-y-6 {
        row-gap: 1.5rem
    }

    .space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.25rem*var(--tw-space-x-reverse))
    }

    .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .space-y-1>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
        margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
    }

    .space-y-1\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
        margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
    }

    .space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
        margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
    }

    .space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
        margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
    }

    .space-y-3\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.875rem*var(--tw-space-y-reverse));
        margin-top: calc(.875rem*(1 - var(--tw-space-y-reverse)))
    }

    .divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
    }

    .self-start {
        align-self: flex-start
    }

    .self-center {
        align-self: center
    }

    .self-stretch {
        align-self: stretch
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overflow-x-clip {
        overflow-x: clip
    }

    .overflow-x-scroll {
        overflow-x: scroll
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .truncate {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .truncate,
    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: 1rem
    }

    .rounded-\[0\.25rem\] {
        border-radius: .25rem
    }

    .rounded-\[100px\] {
        border-radius: 100px
    }

    .rounded-\[2px\] {
        border-radius: 2px
    }

    .rounded-\[2rem\] {
        border-radius: 2rem
    }

    .rounded-\[80px\] {
        border-radius: 80px
    }

    .rounded-full {
        border-radius: 9999px
    }

    .rounded-lg {
        border-radius: .5rem
    }

    .rounded-md {
        border-radius: .375rem
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: .125rem
    }

    .rounded-xl {
        border-radius: .75rem
    }

    .rounded-l-\[9px\] {
        border-bottom-left-radius: 9px;
        border-top-left-radius: 9px
    }

    .rounded-l-none {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .rounded-bl-\[9px\] {
        border-bottom-left-radius: 9px
    }

    .rounded-tl-none {
        border-top-left-radius: 0
    }

    .rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .border {
        border-width: 1px
    }

    .border-0 {
        border-width: 0
    }

    .border-2 {
        border-width: 2px
    }

    .border-\[1\.5px\] {
        border-width: 1.5px
    }

    .border-\[2px\] {
        border-width: 2px
    }

    .border-b {
        border-bottom-width: 1px
    }

    .border-l {
        border-left-width: 1px
    }

    .border-l-0 {
        border-left-width: 0
    }

    .border-l-4 {
        border-left-width: 4px
    }

    .border-r {
        border-right-width: 1px
    }

    .border-r-0 {
        border-right-width: 0
    }

    .border-t {
        border-top-width: 1px
    }

    .border-t-0 {
        border-top-width: 0
    }

    .border-solid {
        border-style: solid
    }

    .border-dashed {
        border-style: dashed
    }

    .border-none {
        border-style: none
    }

    .border-\[\#EBEBEC\] {
        --tw-border-opacity: 1;
        border-color: rgb(235 235 236/var(--tw-border-opacity))
    }

    .border-\[\#F0F0F0\] {
        --tw-border-opacity: 1;
        border-color: rgb(240 240 240/var(--tw-border-opacity))
    }

    .border-\[\#F5F5F5\] {
        --tw-border-opacity: 1;
        border-color: rgb(245 245 245/var(--tw-border-opacity))
    }

    .border-\[--color-border\] {
        border-color: var(--color-border)
    }

    .border-bitvavo-blue-primary {
        --tw-border-opacity: 1;
        border-color: rgb(0 81 255/var(--tw-border-opacity))
    }

    .border-bitvavo-grey-tertiary {
        --tw-border-opacity: 1;
        border-color: rgb(223 231 239/var(--tw-border-opacity))
    }

    .border-bitvavo-pro-border-quaternary {
        --tw-border-opacity: 1;
        border-color: rgb(102 102 102/var(--tw-border-opacity))
    }

    .border-bitvavo-pro-border-secondary {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 82/var(--tw-border-opacity))
    }

    .border-bitvavo-pro-border-subtle {
        --tw-border-opacity: 1;
        border-color: rgb(24 24 26/var(--tw-border-opacity))
    }

    .border-bitvavo-pro-border-tertiary {
        --tw-border-opacity: 1;
        border-color: rgb(61 60 65/var(--tw-border-opacity))
    }

    .border-blue-200 {
        --tw-border-opacity: 1;
        border-color: rgb(191 219 254/var(--tw-border-opacity))
    }

    .border-current {
        border-color: currentColor
    }

    .border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246/var(--tw-border-opacity))
    }

    .border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235/var(--tw-border-opacity))
    }

    .border-gray-200\/50 {
        border-color: rgba(229, 231, 235, .5)
    }

    .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219/var(--tw-border-opacity))
    }

    .border-green-200 {
        --tw-border-opacity: 1;
        border-color: rgb(187 247 208/var(--tw-border-opacity))
    }

    .border-indigo-200 {
        --tw-border-opacity: 1;
        border-color: rgb(199 210 254/var(--tw-border-opacity))
    }

    .border-orange-200 {
        --tw-border-opacity: 1;
        border-color: rgb(254 215 170/var(--tw-border-opacity))
    }

    .border-purple-200 {
        --tw-border-opacity: 1;
        border-color: rgb(233 213 255/var(--tw-border-opacity))
    }

    .border-red-200 {
        --tw-border-opacity: 1;
        border-color: rgb(254 202 202/var(--tw-border-opacity))
    }

    .border-transparent {
        border-color: transparent
    }

    .border-b-bitvavo-pro-border-nav {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(32 32 34/var(--tw-border-opacity))
    }

    .border-b-bitvavo-pro-border-subtle {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(24 24 26/var(--tw-border-opacity))
    }

    .border-l-gray-400 {
        --tw-border-opacity: 1;
        border-left-color: rgb(156 163 175/var(--tw-border-opacity))
    }

    .border-t-bitvavo-pro-border-subtle {
        --tw-border-opacity: 1;
        border-top-color: rgb(24 24 26/var(--tw-border-opacity))
    }

    .border-t-transparent {
        border-top-color: transparent
    }

    .bg-\[\#303030\] {
        --tw-bg-opacity: 1;
        background-color: rgb(48 48 48/var(--tw-bg-opacity))
    }

    .bg-\[\#F6F6F6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246/var(--tw-bg-opacity))
    }

    .bg-\[\#F9F9F9\] {
        --tw-bg-opacity: 1;
        background-color: rgb(249 249 249/var(--tw-bg-opacity))
    }

    .bg-\[\#FCFCFC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(252 252 252/var(--tw-bg-opacity))
    }

    .bg-\[--color-bg\] {
        background-color: var(--color-bg)
    }

    .bg-bitvavo-accent-green-tint {
        --tw-bg-opacity: 1;
        background-color: rgb(230 247 245/var(--tw-bg-opacity))
    }

    .bg-bitvavo-accent-red-tint {
        --tw-bg-opacity: 1;
        background-color: rgb(255 237 237/var(--tw-bg-opacity))
    }

    .bg-bitvavo-blue-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(0 81 255/var(--tw-bg-opacity))
    }

    .bg-bitvavo-blue-primary\/30 {
        background-color: rgba(0, 81, 255, .3)
    }

    .bg-bitvavo-blue-quaternary {
        --tw-bg-opacity: 1;
        background-color: rgb(237 246 255/var(--tw-bg-opacity))
    }

    .bg-bitvavo-blue-quinary {
        --tw-bg-opacity: 1;
        background-color: rgb(66 122 242/var(--tw-bg-opacity))
    }

    .bg-bitvavo-blue-tertiary {
        --tw-bg-opacity: 1;
        background-color: rgb(200 225 252/var(--tw-bg-opacity))
    }

    .bg-bitvavo-grey-quaternary {
        --tw-bg-opacity: 1;
        background-color: rgb(240 244 248/var(--tw-bg-opacity))
    }

    .bg-bitvavo-grey-secondary {
        --tw-bg-opacity: 1;
        background-color: rgb(133 148 161/var(--tw-bg-opacity))
    }

    .bg-bitvavo-grey-tertiary {
        --tw-bg-opacity: 1;
        background-color: rgb(223 231 239/var(--tw-bg-opacity))
    }

    .bg-bitvavo-pro-body-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .bg-bitvavo-pro-button-default {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }

    .bg-bitvavo-pro-footer {
        --tw-bg-opacity: 1;
        background-color: rgb(15 15 16/var(--tw-bg-opacity))
    }

    .bg-bitvavo-pro-green {
        --tw-bg-opacity: 1;
        background-color: rgb(20 178 106/var(--tw-bg-opacity))
    }

    .bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }

    .bg-black\/80 {
        background-color: rgba(0, 0, 0, .8)
    }

    .bg-blue-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(219 234 254/var(--tw-bg-opacity))
    }

    .bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246/var(--tw-bg-opacity))
    }

    .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235/var(--tw-bg-opacity))
    }

    .bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219/var(--tw-bg-opacity))
    }

    .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251/var(--tw-bg-opacity))
    }

    .bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39/var(--tw-bg-opacity))
    }

    .bg-green-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(220 252 231/var(--tw-bg-opacity))
    }

    .bg-indigo-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(224 231 255/var(--tw-bg-opacity))
    }

    .bg-orange-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 237 213/var(--tw-bg-opacity))
    }

    .bg-purple-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 232 255/var(--tw-bg-opacity))
    }

    .bg-red-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 226 226/var(--tw-bg-opacity))
    }

    .bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68/var(--tw-bg-opacity))
    }

    .bg-transparent {
        background-color: transparent
    }

    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .bg-white\/80 {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .bg-\[linear-gradient\(-90deg\2c _\#000_25\%\2c _rgba\(0\2c _0\2c _0\2c _0\.00\)_100\%\)\] {
        background-image: linear-gradient(-90deg, #000 25%, transparent)
    }

    .bg-\[linear-gradient\(270deg\2c \#000_0\%\2c \#3F3F3F_50\%\2c \#000_100\%\)\] {
        background-image: linear-gradient(270deg, #000, #3f3f3f 50%, #000)
    }

    .bg-\[linear-gradient\(90deg\2c _\#000_25\%\2c _rgba\(0\2c _0\2c _0\2c _0\.00\)_100\%\)\] {
        background-image: linear-gradient(90deg, #000 25%, transparent)
    }

    .bg-\[linear-gradient\(90deg\2c _\#FFF_0\%\2c _\#FFF_53\%\2c _rgba\(0\2c 0\2c 0\2c 0\)_110\%\)\] {
        background-image: linear-gradient(90deg, #fff, #fff 53%, transparent 110%)
    }

    .bg-\[linear-gradient\(90deg\2c _rgba\(102\2c 102\2c 102\2c 1\)_0\%\2c _rgba\(102\2c 102\2c 102\2c \.06\)_45\%\2c _rgba\(102\2c 102\2c 102\2c 0\)_48\%\2c _rgba\(0\2c 0\2c 0\2c 0\)_52\%\2c _rgba\(0\2c 0\2c 0\2c 0\.6\)_55\%\2c _rgba\(0\2c 0\2c 0\2c 1\)_100\%\)\] {
        background-image: linear-gradient(90deg, #666, hsla(0, 0%, 40%, .06) 45%, hsla(0, 0%, 40%, 0) 48%, transparent 52%, rgba(0, 0, 0, .6) 55%, #000)
    }

    .bg-\[linear-gradient\(90deg\2c _rgba\(153\2c _153\2c _153\2c _0\.60\)_10\.26\%\2c _\#FFF_36\.99\%\2c _\#999_90\%\)\] {
        background-image: linear-gradient(90deg, hsla(0, 0%, 60%, .6) 10.26%, #fff 36.99%, #999 90%)
    }

    .bg-\[linear-gradient\(90deg\2c rgba\(153\2c _153\2c _153\2c _0\.6\)_0\%\2c _\#FFF_10\%\2c _\#FFF_55\%\2c _rgba\(153\2c 153\2c 153\2c 0\.3\)_95\%\)\] {
        background-image: linear-gradient(90deg, hsla(0, 0%, 60%, .6), #fff 10%, #fff 55%, hsla(0, 0%, 60%, .3) 95%)
    }

    .bg-pro-light-source {
        background-image: radial-gradient(closest-side, hsla(0, 0%, 59%, .6) 0, #000 100%)
    }

    .bg-pro-section-light-source {
        background-image: radial-gradient(circle, #9a9a9a 0, #000 70%, #464646 90%, #fff 100%)
    }

    .bg-pro-static-light-source {
        background-image: radial-gradient(closest-side, #969696 0, transparent 100%)
    }

    .fill-\[\#3D3C41\] {
        fill: #3d3c41
    }

    .fill-\[\#818085\] {
        fill: #818085
    }

    .fill-current {
        fill: currentColor
    }

    .fill-gray-300 {
        fill: #d1d5db
    }

    .fill-gray-500 {
        fill: #6b7280
    }

    .fill-gray-600 {
        fill: #4b5563
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .\!p-0 {
        padding: 0 !important
    }

    .p-0 {
        padding: 0
    }

    .p-0\.5 {
        padding: .125rem
    }

    .p-1 {
        padding: .25rem
    }

    .p-2 {
        padding: .5rem
    }

    .p-3 {
        padding: .75rem
    }

    .p-3\.5 {
        padding: .875rem
    }

    .p-4 {
        padding: 1rem
    }

    .p-6 {
        padding: 1.5rem
    }

    .p-8 {
        padding: 2rem
    }

    .p-\[1px\] {
        padding: 1px
    }

    .\!py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .px-1\.5 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
    }

    .py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .py-\[9px\] {
        padding-bottom: 9px;
        padding-top: 9px
    }

    .\!pb-0 {
        padding-bottom: 0 !important
    }

    .\!pt-0 {
        padding-top: 0 !important
    }

    .pb-0 {
        padding-bottom: 0
    }

    .pb-0\.5 {
        padding-bottom: .125rem
    }

    .pb-16 {
        padding-bottom: 4rem
    }

    .pb-2 {
        padding-bottom: .5rem
    }

    .pb-3 {
        padding-bottom: .75rem
    }

    .pb-4 {
        padding-bottom: 1rem
    }

    .pb-6 {
        padding-bottom: 1.5rem
    }

    .pb-8 {
        padding-bottom: 2rem
    }

    .pb-\[135px\] {
        padding-bottom: 135px
    }

    .pl-10 {
        padding-left: 2.5rem
    }

    .pl-2 {
        padding-left: .5rem
    }

    .pl-4 {
        padding-left: 1rem
    }

    .pl-8 {
        padding-left: 2rem
    }

    .pr-2 {
        padding-right: .5rem
    }

    .pr-8 {
        padding-right: 2rem
    }

    .pt-0 {
        padding-top: 0
    }

    .pt-14 {
        padding-top: 3.5rem
    }

    .pt-16 {
        padding-top: 4rem
    }

    .pt-2 {
        padding-top: .5rem
    }

    .pt-3 {
        padding-top: .75rem
    }

    .pt-4 {
        padding-top: 1rem
    }

    .pt-8 {
        padding-top: 2rem
    }

    .pt-\[10px\] {
        padding-top: 10px
    }

    .pt-\[50px\] {
        padding-top: 50px
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-middle {
        vertical-align: middle
    }

    .align-sub {
        vertical-align: sub
    }

    .\!font-bitvavo {
        font-family: BitvavoSans, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
    }

    .font-bitvavo {
        font-family: BitvavoSans, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .font-display {
        font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .font-sans {
        font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .\!text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .text-4xl\/tight {
        font-size: 2.25rem;
        line-height: 1.25
    }

    .text-6xl\/tight {
        font-size: 3.75rem;
        line-height: 1.25
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .text-pro-body-md-medium {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.25
    }

    .text-pro-body-sm-medium {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.25
    }

    .text-pro-body-xs-medium {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.37
    }

    .text-pro-body-xs-regular {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.37
    }

    .text-pro-body-xxs-medium {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.45
    }

    .text-pro-body-xxs-regular {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.45
    }

    .text-pro-percentage-bold {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.25
    }

    .text-pro-title-md-medium {
        font-size: 4rem;
        font-weight: 500;
        line-height: 1
    }

    .text-pro-title-resp-md-medium {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1.1
    }

    .text-pro-title-resp-xs-medium {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1.25
    }

    .text-pro-title-xs-medium {
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.25
    }

    .text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .\!font-pro-section-title {
        font-weight: 526 !important
    }

    .font-bold {
        font-weight: 700
    }

    .font-medium {
        font-weight: 500
    }

    .font-normal {
        font-weight: 400
    }

    .font-semibold {
        font-weight: 600
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .not-italic {
        font-style: normal
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
    }

    .\!leading-tight {
        line-height: 1.25 !important
    }

    .leading-7 {
        line-height: 1.75rem
    }

    .leading-\[normal\] {
        line-height: normal
    }

    .leading-loose {
        line-height: 2
    }

    .leading-none {
        line-height: 1
    }

    .leading-normal {
        line-height: 1.5
    }

    .leading-relaxed {
        line-height: 1.625
    }

    .leading-snug {
        line-height: 1.375
    }

    .tracking-\[-0\.64px\] {
        letter-spacing: -.64px
    }

    .tracking-\[-0\.8px\] {
        letter-spacing: -.8px
    }

    .tracking-\[-1\.8px\] {
        letter-spacing: -1.8px
    }

    .tracking-tight {
        letter-spacing: -.025em
    }

    .tracking-widest {
        letter-spacing: .1em
    }

    .text-\[\#818085\] {
        --tw-text-opacity: 1;
        color: rgb(129 128 133/var(--tw-text-opacity))
    }

    .text-bitvavo-accent-green {
        --tw-text-opacity: 1;
        color: rgb(0 166 147/var(--tw-text-opacity))
    }

    .text-bitvavo-accent-red {
        --tw-text-opacity: 1;
        color: rgb(229 43 80/var(--tw-text-opacity))
    }

    .text-bitvavo-black-primary {
        --tw-text-opacity: 1;
        color: rgb(15 21 27/var(--tw-text-opacity))
    }

    .text-bitvavo-black-secondary {
        --tw-text-opacity: 1;
        color: rgb(47 58 69/var(--tw-text-opacity))
    }

    .text-bitvavo-black-tertiary {
        --tw-text-opacity: 1;
        color: rgb(28 32 35/var(--tw-text-opacity))
    }

    .text-bitvavo-blue-primary {
        --tw-text-opacity: 1;
        color: rgb(0 81 255/var(--tw-text-opacity))
    }

    .text-bitvavo-grey-outline {
        --tw-text-opacity: 1;
        color: rgb(56 60 64/var(--tw-text-opacity))
    }

    .text-bitvavo-grey-primary {
        --tw-text-opacity: 1;
        color: rgb(104 123 141/var(--tw-text-opacity))
    }

    .text-bitvavo-grey-secondary {
        --tw-text-opacity: 1;
        color: rgb(133 148 161/var(--tw-text-opacity))
    }

    .text-bitvavo-pro-body-primary {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .text-bitvavo-pro-body-secondary {
        --tw-text-opacity: 1;
        color: rgb(169 168 172/var(--tw-text-opacity))
    }

    .text-bitvavo-pro-button-default {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity))
    }

    .text-bitvavo-pro-green {
        --tw-text-opacity: 1;
        color: rgb(20 178 106/var(--tw-text-opacity))
    }

    .text-bitvavo-pro-red {
        --tw-text-opacity: 1;
        color: rgb(240 60 65/var(--tw-text-opacity))
    }

    .text-blue-800 {
        --tw-text-opacity: 1;
        color: rgb(30 64 175/var(--tw-text-opacity))
    }

    .text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
    }

    .text-gray-50 {
        --tw-text-opacity: 1;
        color: rgb(249 250 251/var(--tw-text-opacity))
    }

    .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
    }

    .text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99/var(--tw-text-opacity))
    }

    .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81/var(--tw-text-opacity))
    }

    .text-gray-900 {
        --tw-text-opacity: 1;
        color: rgb(17 24 39/var(--tw-text-opacity))
    }

    .text-gray-950 {
        --tw-text-opacity: 1;
        color: rgb(3 7 18/var(--tw-text-opacity))
    }

    .text-green-600 {
        --tw-text-opacity: 1;
        color: rgb(22 163 74/var(--tw-text-opacity))
    }

    .text-green-800 {
        --tw-text-opacity: 1;
        color: rgb(22 101 52/var(--tw-text-opacity))
    }

    .text-indigo-800 {
        --tw-text-opacity: 1;
        color: rgb(55 48 163/var(--tw-text-opacity))
    }

    .text-inherit {
        color: inherit
    }

    .text-orange-800 {
        --tw-text-opacity: 1;
        color: rgb(154 52 18/var(--tw-text-opacity))
    }

    .text-purple-800 {
        --tw-text-opacity: 1;
        color: rgb(107 33 168/var(--tw-text-opacity))
    }

    .text-red-600 {
        --tw-text-opacity: 1;
        color: rgb(220 38 38/var(--tw-text-opacity))
    }

    .text-red-800 {
        --tw-text-opacity: 1;
        color: rgb(153 27 27/var(--tw-text-opacity))
    }

    .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .underline {
        text-decoration-line: underline
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline-offset-\[5px\] {
        text-underline-offset: 5px
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-95 {
        opacity: .95
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
    }

    .shadow,
    .shadow-\[-1px_0_1px_-1px_gray_inset\] {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-\[-1px_0_1px_-1px_gray_inset\] {
        --tw-shadow: -1px 0 1px -1px gray inset;
        --tw-shadow-colored: inset -1px 0 1px -1px var(--tw-shadow-color)
    }

    .shadow-\[1px_0_1px_-1px_gray_inset\] {
        --tw-shadow: 1px 0 1px -1px gray inset;
        --tw-shadow-colored: inset 1px 0 1px -1px var(--tw-shadow-color)
    }

    .shadow-\[1px_0_1px_-1px_gray_inset\],
    .shadow-lg {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
    }

    .shadow-md,
    .shadow-none {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .shadow-sm,
    .shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
    }

    .outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .outline {
        outline-style: solid
    }

    .ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .ring-offset-white {
        --tw-ring-offset-color: #fff
    }

    .filter {
        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-\[3px\] {
        --tw-backdrop-blur: blur(3px)
    }

    .backdrop-blur-\[3px\],
    .backdrop-blur-\[5px\] {
        -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-\[5px\] {
        --tw-backdrop-blur: blur(5px)
    }

    .backdrop-saturate-\[1\.8\] {
        --tw-backdrop-saturate: saturate(1.8);
        -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-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-\[transform\2c opacity\] {
        transition-duration: .15s;
        transition-property: transform, opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-all {
        transition-duration: .15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-colors {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-none {
        transition-property: none
    }

    .transition-opacity {
        transition-duration: .15s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-transform {
        transition-duration: .15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .delay-300 {
        transition-delay: .3s
    }

    .duration-200 {
        transition-duration: .2s
    }

    .duration-300 {
        transition-duration: .3s
    }

    .duration-700 {
        transition-duration: .7s
    }

    .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .will-change-transform {
        will-change: transform
    }

    @keyframes enter {
        0% {
            opacity: var(--tw-enter-opacity, 1);
            transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
        }
    }

    @keyframes exit {
        to {
            opacity: var(--tw-exit-opacity, 1);
            transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
        }
    }

    .duration-200 {
        animation-duration: .2s
    }

    .duration-300 {
        animation-duration: .3s
    }

    .duration-700 {
        animation-duration: .7s
    }

    .delay-300 {
        animation-delay: .3s
    }

    .ease-in-out {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-out {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .running {
        animation-play-state: running
    }

    .paused {
        animation-play-state: paused
    }

    .bg-pro-feedback-gradient {
        -webkit-backdrop-filter: blur(100px);
        backdrop-filter: blur(100px);
        background: linear-gradient(180deg, rgba(0, 0, 0, .4), #000 85.5%, #000)
    }

    .gradient-fade-text-effect {
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text
    }

    .backface-visibility-hidden {
        backface-visibility: hidden
    }

    .perspective-1000 {
        perspective: 1000px
    }

    .transform-preserve-3d {
        transform-style: preserve-3d
    }

    .usdc-pair-face-visible {
        transform: rotateY(0deg)
    }

    .usdc-pair-back-face-hidden {
        transform: rotateY(-180deg)
    }

    ::-webkit-scrollbar-track {
        background: #fafafa
    }

    .\[mask-image\:_linear-gradient\(to_right\2c transparent_0\2c _black_128px\2c _black_calc\(100\%-200px\)\2c transparent_100\%\)\] {
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 128px, #000 calc(100% - 200px), transparent);
        mask-image: linear-gradient(90deg, transparent 0, #000 128px, #000 calc(100% - 200px), transparent)
    }

    [data-ab-test][data-variant="0"] {
        display: block
    }

    [data-ab-test]:not([data-variant="0"]) {
        display: none
    }

    @media (min-width:768px) {
        .md\:x-layout {
            padding-left: 1rem;
            padding-right: 1rem
        }

        @media (min-width:768px) {
            .md\:x-layout {
                margin-left: auto;
                margin-right: auto;
                max-width: 72rem;
                padding-left: 2rem;
                padding-right: 2rem;
                width: 100%
            }
        }

        .md\:heading-2 {
            font-family: Gilroy, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            font-size: 1.875rem;
            font-weight: 600;
            letter-spacing: -.025em;
            line-height: 2.25rem
        }

        @media (min-width:768px) {
            .md\:heading-2 {
                font-size: 2.25rem;
                line-height: 1.125
            }
        }
    }

    @media (min-width:1024px) {
        .lg\:x-layout {
            padding-left: 1rem;
            padding-right: 1rem
        }

        @media (min-width:768px) {
            .lg\:x-layout {
                margin-left: auto;
                margin-right: auto;
                max-width: 72rem;
                padding-left: 2rem;
                padding-right: 2rem;
                width: 100%
            }
        }
    }

    .file\:border-0::file-selector-button {
        border-width: 0
    }

    .file\:bg-transparent::file-selector-button {
        background-color: transparent
    }

    .file\:text-sm::file-selector-button {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .file\:font-medium::file-selector-button {
        font-weight: 500
    }

    .placeholder\:text-bitvavo-grey-tertiary::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(223 231 239/var(--tw-text-opacity))
    }

    .placeholder\:text-bitvavo-grey-tertiary::placeholder {
        --tw-text-opacity: 1;
        color: rgb(223 231 239/var(--tw-text-opacity))
    }

    .placeholder\:text-gray-500::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
    }

    .placeholder\:text-gray-500::placeholder {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:-left-\[50\%\]:before {
        content: var(--tw-content);
        left: -50%
    }

    .before\:-top-\[30\%\]:before {
        content: var(--tw-content);
        top: -30%
    }

    .before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%
    }

    .before\:left-\[calc\(-100\%\+1px\)\]:before {
        content: var(--tw-content);
        left: calc(-100% + 1px)
    }

    .before\:right-0:before {
        content: var(--tw-content);
        right: 0
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: 0
    }

    .before\:top-\[-1px\]:before {
        content: var(--tw-content);
        top: -1px
    }

    .before\:z-\[1\]:before {
        content: var(--tw-content);
        z-index: 1
    }

    .before\:z-\[2\]:before {
        content: var(--tw-content);
        z-index: 2
    }

    .before\:block:before {
        content: var(--tw-content);
        display: block
    }

    .before\:h-\[1px\]:before {
        content: var(--tw-content);
        height: 1px
    }

    .before\:h-\[4px\]:before {
        content: var(--tw-content);
        height: 4px
    }

    .before\:h-\[60\%\]:before {
        content: var(--tw-content);
        height: 60%
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
    }

    .before\:w-\[120\%\]:before {
        content: var(--tw-content);
        width: 120%
    }

    .before\:w-\[calc\(300\%-2px\)\]:before {
        content: var(--tw-content);
        width: calc(300% - 2px)
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:-translate-x-1\/2:before {
        --tw-translate-x: -50%;
        content: var(--tw-content);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .before\:bg-black:before {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity));
        content: var(--tw-content)
    }

    .before\:bg-\[linear-gradient\(90deg\2c _\#000000_0\%\2c _\#9A9A9A_100\%\)\]:before {
        background-image: linear-gradient(90deg, #000, #9a9a9a);
        content: var(--tw-content)
    }

    .before\:bg-\[linear-gradient\(90deg\2c _rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c _rgba\(0\2c 0\2c 0\2c 1\)_52\%\)\]:before {
        background-image: linear-gradient(90deg, transparent, #000 52%);
        content: var(--tw-content)
    }

    .before\:bg-\[linear-gradient\(90deg\2c _rgba\(0\2c 0\2c 0\2c 1\)_30\%\2c _rgba\(0\2c 0\2c 0\2c 0\)_100\%\)\]:before {
        background-image: linear-gradient(90deg, #000 30%, transparent);
        content: var(--tw-content)
    }

    .before\:bg-\[radial-gradient\(closest-side\2c rgba\(255\2c 255\2c 255\2c 0\.6\)_0\%\2c rgba\(0\2c 0\2c 0\2c 1\)_100\%\)\]:before {
        background-image: radial-gradient(closest-side, hsla(0, 0%, 100%, .6) 0, #000 100%);
        content: var(--tw-content)
    }

    .before\:content-\[\"\"\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .before\:content-\[\'\`\'\]:before {
        --tw-content: "`";
        content: var(--tw-content)
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:-bottom-\[30\%\]:after {
        bottom: -30%;
        content: var(--tw-content)
    }

    .after\:-right-\[50\%\]:after {
        content: var(--tw-content);
        right: -50%
    }

    .after\:bottom-0:after {
        bottom: 0;
        content: var(--tw-content)
    }

    .after\:bottom-\[-1px\]:after {
        bottom: -1px;
        content: var(--tw-content)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

    .after\:right-0:after {
        content: var(--tw-content);
        right: 0
    }

    .after\:right-\[calc\(-100\%\+1px\)\]:after {
        content: var(--tw-content);
        right: calc(-100% + 1px)
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: 0
    }

    .after\:z-\[1\]:after {
        content: var(--tw-content);
        z-index: 1
    }

    .after\:z-\[2\]:after {
        content: var(--tw-content);
        z-index: 2
    }

    .after\:block:after {
        content: var(--tw-content);
        display: block
    }

    .after\:size-full:after {
        content: var(--tw-content);
        height: 100%;
        width: 100%
    }

    .after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .after\:h-\[48\%\]:after {
        content: var(--tw-content);
        height: 48%
    }

    .after\:h-\[4px\]:after {
        content: var(--tw-content);
        height: 4px
    }

    .after\:h-full:after {
        content: var(--tw-content);
        height: 100%
    }

    .after\:w-\[86\%\]:after {
        content: var(--tw-content);
        width: 86%
    }

    .after\:w-\[calc\(300\%-2px\)\]:after {
        content: var(--tw-content);
        width: calc(300% - 2px)
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:-translate-x-1\/2:after {
        --tw-translate-x: -50%;
        content: var(--tw-content);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .after\:bg-black:after {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity));
        content: var(--tw-content)
    }

    .after\:bg-\[linear-gradient\(90deg\2c _\#9A9A9A_0\%\2c _\#000000_100\%\)\]:after {
        background-image: linear-gradient(90deg, #9a9a9a, #000);
        content: var(--tw-content)
    }

    .after\:bg-\[linear-gradient\(90deg\2c _rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c _rgba\(0\2c 0\2c 0\2c 1\)_20\%\)\]:after {
        background-image: linear-gradient(90deg, transparent, #000 20%);
        content: var(--tw-content)
    }

    .after\:bg-\[linear-gradient\(90deg\2c _rgba\(0\2c 0\2c 0\2c 1\)_0\%\2c _rgba\(0\2c 0\2c 0\2c 0\)_100\%\)\]:after {
        background-image: linear-gradient(90deg, #000, transparent);
        content: var(--tw-content)
    }

    .after\:bg-\[radial-gradient\(circle\2c _rgba\(254\2c _254\2c _254\2c _1\)_0\%_\2c _rgba\(0\2c _0\2c _0\2c _1\)_58\%\)\]:after {
        background-image: radial-gradient(circle, #fefefe 0, #000 58%);
        content: var(--tw-content)
    }

    .after\:bg-\[radial-gradient\(closest-side\2c rgba\(255\2c 255\2c 255\2c 0\.6\)_0\%\2c rgba\(0\2c 0\2c 0\2c 1\)_100\%\)\]:after {
        background-image: radial-gradient(closest-side, hsla(0, 0%, 100%, .6) 0, #000 100%);
        content: var(--tw-content)
    }

    .after\:content-\[\"\"\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:content-\[\'\`\'\]:after {
        --tw-content: "`";
        content: var(--tw-content)
    }

    .first\:border-t:first-child {
        border-top-width: 1px
    }

    .first\:pt-0:first-child {
        padding-top: 0
    }

    .last\:border-0:last-child {
        border-width: 0
    }

    .last\:border-b-0:last-child {
        border-bottom-width: 0
    }

    .last\:pb-0:last-child {
        padding-bottom: 0
    }

    .hover\:\!bg-transparent:hover {
        background-color: transparent !important
    }

    .hover\:bg-bitvavo-blue-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 81 255/var(--tw-bg-opacity))
    }

    .hover\:bg-bitvavo-blue-secondary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 47 167/var(--tw-bg-opacity))
    }

    .hover\:bg-bitvavo-grey-quaternary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(240 244 248/var(--tw-bg-opacity))
    }

    .hover\:bg-bitvavo-pro-button-hover:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(84 130 255/var(--tw-bg-opacity))
    }

    .hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246/var(--tw-bg-opacity))
    }

    .hover\:bg-gray-100\/50:hover {
        background-color: rgba(243, 244, 246, .5)
    }

    .hover\:bg-gray-100\/80:hover {
        background-color: rgba(243, 244, 246, .8)
    }

    .hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251/var(--tw-bg-opacity))
    }

    .hover\:bg-gray-900\/80:hover {
        background-color: rgba(17, 24, 39, .8)
    }

    .hover\:bg-red-500\/90:hover {
        background-color: rgba(239, 68, 68, .9)
    }

    .hover\:bg-\[linear-gradient\(90deg\2c _rgba\(102\2c 102\2c 102\2c 1\)_0\%\2c _rgba\(102\2c 102\2c 102\2c \.06\)_45\%\2c _rgba\(102\2c 102\2c 102\2c 0\)_48\%\2c _rgba\(24\2c 24\2c 26\2c 0\)_52\%\2c _rgba\(24\2c 24\2c 26\2c 0\.6\)_55\%\2c _rgba\(24\2c 24\2c 26\2c 1\)_100\%\)\]:hover {
        background-image: linear-gradient(90deg, #666, hsla(0, 0%, 40%, .06) 45%, hsla(0, 0%, 40%, 0) 48%, rgba(24, 24, 26, 0) 52%, rgba(24, 24, 26, .6) 55%, #18181a)
    }

    .hover\:text-bitvavo-black-tertiary:hover {
        --tw-text-opacity: 1;
        color: rgb(28 32 35/var(--tw-text-opacity))
    }

    .hover\:text-bitvavo-blue-primary:hover {
        --tw-text-opacity: 1;
        color: rgb(0 81 255/var(--tw-text-opacity))
    }

    .hover\:text-bitvavo-pro-body-primary:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .hover\:text-gray-50:hover {
        --tw-text-opacity: 1;
        color: rgb(249 250 251/var(--tw-text-opacity))
    }

    .hover\:text-gray-500:hover {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
    }

    .hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgb(17 24 39/var(--tw-text-opacity))
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:no-underline:hover {
        text-decoration-line: none
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .hover\:opacity-75:hover {
        opacity: .75
    }

    .focus\:border-bitvavo-blue-primary:focus {
        --tw-border-opacity: 1;
        border-color: rgb(0 81 255/var(--tw-border-opacity))
    }

    .focus\:\!bg-transparent:focus {
        background-color: transparent !important
    }

    .focus\:bg-gray-100:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246/var(--tw-bg-opacity))
    }

    .focus\:text-gray-900:focus {
        --tw-text-opacity: 1;
        color: rgb(17 24 39/var(--tw-text-opacity))
    }

    .focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .focus\:ring-1:focus,
    .focus\:ring-2:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .focus\:ring-gray-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
    }

    .focus\:ring-gray-950:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(3 7 18/var(--tw-ring-opacity))
    }

    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }

    .focus-visible\:bg-\[linear-gradient\(90deg\2c _rgba\(102\2c 102\2c 102\2c 1\)_0\%\2c _rgba\(102\2c 102\2c 102\2c \.06\)_45\%\2c _rgba\(102\2c 102\2c 102\2c 0\)_48\%\2c _rgba\(24\2c 24\2c 26\2c 0\)_52\%\2c _rgba\(24\2c 24\2c 26\2c 0\.6\)_55\%\2c _rgba\(24\2c 24\2c 26\2c 1\)_100\%\)\]:focus-visible {
        background-image: linear-gradient(90deg, #666, hsla(0, 0%, 40%, .06) 45%, hsla(0, 0%, 40%, 0) 48%, rgba(24, 24, 26, 0) 52%, rgba(24, 24, 26, .6) 55%, #18181a)
    }

    .focus-visible\:outline-none:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .focus-visible\:\!ring-0:focus-visible {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
    }

    .focus-visible\:ring-1:focus-visible {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .focus-visible\:ring-bitvavo-blue-primary:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(0 81 255/var(--tw-ring-opacity))
    }

    .focus-visible\:ring-gray-400:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(156 163 175/var(--tw-ring-opacity))
    }

    .focus-visible\:ring-gray-950:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(3 7 18/var(--tw-ring-opacity))
    }

    .focus-visible\:\!ring-offset-0:focus-visible {
        --tw-ring-offset-width: 0px !important
    }

    .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px
    }

    .focus-visible\:ring-offset-white:focus-visible {
        --tw-ring-offset-color: #fff
    }

    .active\:bg-bitvavo-pro-button-active:active {
        --tw-bg-opacity: 1;
        background-color: rgb(30 91 255/var(--tw-bg-opacity))
    }

    .active\:bg-\[linear-gradient\(90deg\2c _rgba\(102\2c 102\2c 102\2c 1\)_0\%\2c _rgba\(102\2c 102\2c 102\2c \.06\)_45\%\2c _rgba\(102\2c 102\2c 102\2c 0\)_48\%\2c _rgba\(15\2c 15\2c 16\2c 0\)_52\%\2c _rgba\(15\2c 15\2c 16\2c 0\.6\)_55\%\2c _rgba\(15\2c 15\2c 16\2c 1\)_100\%\)\]:active {
        background-image: linear-gradient(90deg, #666, hsla(0, 0%, 40%, .06) 45%, hsla(0, 0%, 40%, 0) 48%, rgba(15, 15, 16, 0) 52%, rgba(15, 15, 16, .6) 55%, #0f0f10)
    }

    .active\:text-bitvavo-pro-body-primary:active {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .group\/collapsible[open] .group-open\/collapsible\:rotate-90 {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:bg-bitvavo-pro-control-hover {
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 26/var(--tw-bg-opacity))
    }

    .group:hover .group-hover\:usdc-pair-rotate-y-180 {
        transform: rotateY(180deg)
    }

    .group:active .group-active\:bg-bitvavo-pro-control-active,
    .group:focus .group-focus\:bg-bitvavo-pro-control-active {
        --tw-bg-opacity: 1;
        background-color: rgb(15 15 16/var(--tw-bg-opacity))
    }

    .group[data-state=closed] .group-\[\[data-state\=closed\]\]\:hidden,
    .group[data-state=open] .group-\[\[data-state\=open\]\]\:hidden {
        display: none
    }

    .peer:disabled~.peer-disabled\:cursor-not-allowed {
        cursor: not-allowed
    }

    .peer:disabled~.peer-disabled\:opacity-70 {
        opacity: .7
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: 0.25rem
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side=bottom],
    .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: -0.25rem
    }

    .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: 0.25rem
    }

    .data-\[side\=right\]\:translate-x-1[data-side=right],
    .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: -0.25rem
    }

    .data-\[state\=checked\]\:translate-x-4[data-state=checked] {
        --tw-translate-x: 1rem
    }

    .data-\[state\=checked\]\:translate-x-4[data-state=checked],
    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: 0px
    }

    @keyframes accordion-up {
        0% {
            height: var(--radix-accordion-content-height)
        }

        to {
            height: 0
        }
    }

    .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
        animation: accordion-up .2s ease-out
    }

    @keyframes accordion-down {
        0% {
            height: 0
        }

        to {
            height: var(--radix-accordion-content-height)
        }
    }

    .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
        animation: accordion-down .2s ease-out
    }

    .data-\[active\]\:bg-gray-100\/50[data-active] {
        background-color: rgba(243, 244, 246, .5)
    }

    .data-\[state\=checked\]\:bg-bitvavo-blue-primary[data-state=checked] {
        --tw-bg-opacity: 1;
        background-color: rgb(0 81 255/var(--tw-bg-opacity))
    }

    .data-\[state\=on\]\:bg-gray-100[data-state=on],
    .data-\[state\=open\]\:bg-gray-100[data-state=open] {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246/var(--tw-bg-opacity))
    }

    .data-\[state\=open\]\:bg-gray-100\/50[data-state=open] {
        background-color: rgba(243, 244, 246, .5)
    }

    .data-\[state\=open\]\:bg-red-900[data-state=open] {
        --tw-bg-opacity: 1;
        background-color: rgb(127 29 29/var(--tw-bg-opacity))
    }

    .data-\[state\=selected\]\:bg-gray-100[data-state=selected] {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246/var(--tw-bg-opacity))
    }

    .data-\[state\=unchecked\]\:bg-gray-200[data-state=unchecked] {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235/var(--tw-bg-opacity))
    }

    .data-\[state\=on\]\:text-gray-900[data-state=on] {
        --tw-text-opacity: 1;
        color: rgb(17 24 39/var(--tw-text-opacity))
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        transition-duration: .3s
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        transition-duration: .5s
    }

    .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],
    .data-\[state\=open\]\:animate-in[data-state=open],
    .data-\[state\=visible\]\:animate-in[data-state=visible] {
        --tw-enter-opacity: initial;
        --tw-enter-scale: initial;
        --tw-enter-rotate: initial;
        --tw-enter-translate-x: initial;
        --tw-enter-translate-y: initial;
        animation-duration: .15s;
        animation-name: enter
    }

    .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],
    .data-\[state\=closed\]\:animate-out[data-state=closed],
    .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
        --tw-exit-opacity: initial;
        --tw-exit-scale: initial;
        --tw-exit-rotate: initial;
        --tw-exit-translate-x: initial;
        --tw-exit-translate-y: initial;
        animation-duration: .15s;
        animation-name: exit
    }

    .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
        --tw-enter-opacity: 0
    }

    .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],
    .data-\[state\=closed\]\:fade-out-0[data-state=closed],
    .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open],
    .data-\[state\=visible\]\:fade-in[data-state=visible] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=open\]\:zoom-in-90[data-state=open] {
        --tw-enter-scale: .9
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
        --tw-enter-translate-x: 13rem
    }

    .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
        --tw-enter-translate-x: -13rem
    }

    .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
        --tw-exit-translate-x: 13rem
    }

    .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
        --tw-exit-translate-x: -13rem
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: -0.5rem
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x: 0.5rem
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x: -0.5rem
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: 0.5rem
    }

    .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
        --tw-exit-translate-y: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
        --tw-exit-translate-x: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
        --tw-exit-translate-x: -50%
    }

    .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
        --tw-exit-translate-x: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
        --tw-exit-translate-y: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
        --tw-exit-translate-y: -48%
    }

    .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
        --tw-enter-translate-y: 100%
    }

    .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
        --tw-enter-translate-x: -100%
    }

    .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
        --tw-enter-translate-x: -50%
    }

    .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
        --tw-enter-translate-x: 100%
    }

    .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
        --tw-enter-translate-y: -100%
    }

    .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
        --tw-enter-translate-y: -48%
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        animation-duration: .3s
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        animation-duration: .5s
    }

    .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @media (prefers-reduced-motion:no-preference) {
        @keyframes pro-inverted-scroll-tickers {
            to {
                transform: translateX(calc(100% + 1rem))
            }
        }

        .motion-safe\:animate-pro-inverted-scroll-tickers {
            animation: pro-inverted-scroll-tickers 160s linear infinite
        }

        @keyframes pro-scroll-tickers {
            to {
                transform: translateX(calc(-100% - 1rem))
            }
        }

        .motion-safe\:animate-pro-scroll-tickers {
            animation: pro-scroll-tickers 160s linear infinite
        }
    }

    :is(.dark .dark\:block) {
        display: block
    }

    :is(.dark .dark\:hidden) {
        display: none
    }

    :is(.dark .dark\:border-gray-800) {
        --tw-border-opacity: 1;
        border-color: rgb(31 41 55/var(--tw-border-opacity))
    }

    :is(.dark .dark\:border-gray-800\/50) {
        border-color: rgba(31, 41, 55, .5)
    }

    :is(.dark .dark\:\!bg-bitvavo-black-tertiary) {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(28 32 35/var(--tw-bg-opacity)) !important
    }

    :is(.dark .dark\:bg-bitvavo-blue-primary) {
        --tw-bg-opacity: 1;
        background-color: rgb(0 81 255/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-black) {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-black\/80) {
        background-color: rgba(0, 0, 0, .8)
    }

    :is(.dark .dark\:bg-gray-50) {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-gray-700) {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-gray-800) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-gray-900) {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-gray-950) {
        --tw-bg-opacity: 1;
        background-color: rgb(3 7 18/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-red-900) {
        --tw-bg-opacity: 1;
        background-color: rgb(127 29 29/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:bg-transparent) {
        background-color: transparent
    }

    :is(.dark .dark\:bg-white) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:fill-bitvavo-pro-body-tertiary) {
        fill: #66656c
    }

    :is(.dark .dark\:fill-gray-300) {
        fill: #d1d5db
    }

    :is(.dark .dark\:fill-white) {
        fill: #fff
    }

    :is(.dark .dark\:\!text-bitvavo-grey-secondary) {
        --tw-text-opacity: 1 !important;
        color: rgb(133 148 161/var(--tw-text-opacity)) !important
    }

    :is(.dark .dark\:\!text-bitvavo-grey-tertiary) {
        --tw-text-opacity: 1 !important;
        color: rgb(223 231 239/var(--tw-text-opacity)) !important
    }

    :is(.dark .dark\:text-bitvavo-blue-quinary) {
        --tw-text-opacity: 1;
        color: rgb(66 122 242/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-bitvavo-grey-secondary) {
        --tw-text-opacity: 1;
        color: rgb(133 148 161/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-bitvavo-pro-body-tertiary) {
        --tw-text-opacity: 1;
        color: rgb(102 101 108/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-gray-300) {
        --tw-text-opacity: 1;
        color: rgb(209 213 219/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-gray-400) {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-gray-50) {
        --tw-text-opacity: 1;
        color: rgb(249 250 251/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-gray-900) {
        --tw-text-opacity: 1;
        color: rgb(17 24 39/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-red-50) {
        --tw-text-opacity: 1;
        color: rgb(254 242 242/var(--tw-text-opacity))
    }

    :is(.dark .dark\:text-white) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    :is(.dark .dark\:ring-offset-gray-950) {
        --tw-ring-offset-color: #030712
    }

    :is(.dark .dark\:placeholder\:text-gray-400)::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
    }

    :is(.dark .dark\:placeholder\:text-gray-400)::placeholder {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
    }

    :is(.dark .dark\:hover\:bg-gray-50\/80:hover) {
        background-color: rgba(249, 250, 251, .8)
    }

    :is(.dark .dark\:hover\:bg-gray-800:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:hover\:bg-gray-800\/50:hover) {
        background-color: rgba(31, 41, 55, .5)
    }

    :is(.dark .dark\:hover\:bg-gray-800\/80:hover) {
        background-color: rgba(31, 41, 55, .8)
    }

    :is(.dark .dark\:hover\:bg-red-900\/90:hover) {
        background-color: rgba(127, 29, 29, .9)
    }

    :is(.dark .dark\:hover\:text-bitvavo-grey-secondary:hover) {
        --tw-text-opacity: 1;
        color: rgb(133 148 161/var(--tw-text-opacity))
    }

    :is(.dark .dark\:hover\:text-gray-400:hover) {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
    }

    :is(.dark .dark\:hover\:text-gray-50:hover) {
        --tw-text-opacity: 1;
        color: rgb(249 250 251/var(--tw-text-opacity))
    }

    :is(.dark .dark\:focus\:bg-gray-800:focus) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:focus\:text-gray-50:focus) {
        --tw-text-opacity: 1;
        color: rgb(249 250 251/var(--tw-text-opacity))
    }

    :is(.dark .dark\:focus\:ring-gray-300:focus) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity))
    }

    :is(.dark .dark\:focus-visible\:ring-gray-300:focus-visible) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity))
    }

    :is(.dark .dark\:focus-visible\:ring-gray-800:focus-visible) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity))
    }

    :is(.dark .dark\:focus-visible\:ring-offset-bitvavo-blue-primary:focus-visible) {
        --tw-ring-offset-color: #0051ff
    }

    :is(.dark .dark\:data-\[active\]\:bg-gray-800\/50[data-active]) {
        background-color: rgba(31, 41, 55, .5)
    }

    :is(.dark .dark\:data-\[state\=checked\]\:bg-gray-50[data-state=checked]) {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:data-\[state\=on\]\:bg-gray-800[data-state=on]) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:data-\[state\=open\]\:bg-gray-800[data-state=open]) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:data-\[state\=open\]\:bg-gray-800\/50[data-state=open]) {
        background-color: rgba(31, 41, 55, .5)
    }

    :is(.dark .dark\:data-\[state\=selected\]\:bg-gray-800[data-state=selected]) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:data-\[state\=unchecked\]\:bg-gray-800[data-state=unchecked]) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55/var(--tw-bg-opacity))
    }

    :is(.dark .dark\:data-\[state\=on\]\:text-gray-50[data-state=on]) {
        --tw-text-opacity: 1;
        color: rgb(249 250 251/var(--tw-text-opacity))
    }

    @media not all and (min-width:1024px) {
        .max-lg\:hidden {
            display: none
        }
    }

    @media not all and (min-width:768px) {
        .max-md\:max-w-\[280px\] {
            max-width: 280px
        }

        .max-md\:border-t-bitvavo-pro-border-subtle {
            --tw-border-opacity: 1;
            border-top-color: rgb(24 24 26/var(--tw-border-opacity))
        }
    }

    @media (min-width:475px) {
        .xs\:w-14 {
            width: 3.5rem
        }

        .xs\:w-2\/5 {
            width: 40%
        }

        .xs\:w-8 {
            width: 2rem
        }

        .xs\:w-\[127px\] {
            width: 127px
        }

        .xs\:max-w-\[120px\] {
            max-width: 120px
        }

        .xs\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .xs\:gap-4 {
            gap: 1rem
        }
    }

    @media (min-width:640px) {
        .sm\:col-span-4 {
            grid-column: span 4/span 4
        }

        .sm\:col-span-6 {
            grid-column: span 6/span 6
        }

        .sm\:block {
            display: block
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

        .sm\:h-\[48px\] {
            height: 48px
        }

        .sm\:w-2\/3 {
            width: 66.666667%
        }

        .sm\:w-\[48px\] {
            width: 48px
        }

        .sm\:max-w-sm {
            max-width: 24rem
        }

        .sm\:grid-cols-10 {
            grid-template-columns: repeat(10, minmax(0, 1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:justify-start {
            justify-content: flex-start
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

        .sm\:gap-12 {
            gap: 3rem
        }

        .sm\:gap-2 {
            gap: .5rem
        }

        .sm\:gap-8 {
            gap: 2rem
        }

        .sm\:space-x-2>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(.5rem*var(--tw-space-x-reverse))
        }

        .sm\:rounded-lg {
            border-radius: .5rem
        }

        .sm\:p-6 {
            padding: 1.5rem
        }

        .sm\:py-10 {
            padding-bottom: 2.5rem;
            padding-top: 2.5rem
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .sm\:text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .sm\:text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }
    }

    @media (min-width:768px) {
        .md\:absolute {
            position: absolute
        }

        .md\:relative {
            position: relative
        }

        .md\:left-\[-1\.4rem\] {
            left: -1.4rem
        }

        .md\:top-\[-1\.4rem\] {
            top: -1.4rem
        }

        .md\:top-auto {
            top: auto
        }

        .md\:z-\[-1\] {
            z-index: -1
        }

        .md\:z-auto {
            z-index: auto
        }

        .md\:col-span-1 {
            grid-column: span 1/span 1
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-3 {
            grid-column: span 3/span 3
        }

        .md\:-mx-full {
            margin-left: -100%;
            margin-right: -100%
        }

        .md\:-my-16 {
            margin-bottom: -4rem;
            margin-top: -4rem
        }

        .md\:mx-0 {
            margin-left: 0;
            margin-right: 0
        }

        .md\:mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .md\:my-16 {
            margin-bottom: 4rem;
            margin-top: 4rem
        }

        .md\:-mb-16 {
            margin-bottom: -4rem
        }

        .md\:-mt-12 {
            margin-top: -3rem
        }

        .md\:-mt-24 {
            margin-top: -6rem
        }

        .md\:-mt-8 {
            margin-top: -2rem
        }

        .md\:mb-0 {
            margin-bottom: 0
        }

        .md\:mb-10 {
            margin-bottom: 2.5rem
        }

        .md\:mb-12 {
            margin-bottom: 3rem
        }

        .md\:mb-20 {
            margin-bottom: 5rem
        }

        .md\:mb-36 {
            margin-bottom: 9rem
        }

        .md\:mb-6 {
            margin-bottom: 1.5rem
        }

        .md\:mb-\[100px\] {
            margin-bottom: 100px
        }

        .md\:mb-\[200px\] {
            margin-bottom: 200px
        }

        .md\:mb-\[260px\] {
            margin-bottom: 260px
        }

        .md\:mb-\[60px\] {
            margin-bottom: 60px
        }

        .md\:ml-\[3\.25rem\] {
            margin-left: 3.25rem
        }

        .md\:ml-auto {
            margin-left: auto
        }

        .md\:mt-10 {
            margin-top: 2.5rem
        }

        .md\:mt-12 {
            margin-top: 3rem
        }

        .md\:mt-16 {
            margin-top: 4rem
        }

        .md\:mt-\[-90px\] {
            margin-top: -90px
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:size-11 {
            height: 2.75rem;
            width: 2.75rem
        }

        .md\:size-20 {
            height: 5rem;
            width: 5rem
        }

        .md\:size-6 {
            height: 1.5rem;
            width: 1.5rem
        }

        .md\:size-9 {
            height: 2.25rem;
            width: 2.25rem
        }

        .md\:size-\[42px\] {
            height: 42px;
            width: 42px
        }

        .md\:size-\[46px\] {
            height: 46px;
            width: 46px
        }

        .md\:size-\[600px\] {
            height: 600px;
            width: 600px
        }

        .md\:size-\[700px\] {
            height: 700px;
            width: 700px
        }

        .md\:size-\[75px\] {
            height: 75px;
            width: 75px
        }

        .md\:h-\[507px\] {
            height: 507px
        }

        .md\:h-auto {
            height: auto
        }

        .md\:min-h-\[484\.5px\] {
            min-height: 484.5px
        }

        .md\:min-h-\[532px\] {
            min-height: 532px
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-1\/4 {
            width: 25%
        }

        .md\:w-\[1px\] {
            width: 1px
        }

        .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
            width: var(--radix-navigation-menu-viewport-width)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-fit {
            width: -moz-fit-content;
            width: fit-content
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-2xl {
            max-width: 42rem
        }

        .md\:max-w-3xl {
            max-width: 48rem
        }

        .md\:max-w-\[350px\] {
            max-width: 350px
        }

        .md\:max-w-\[540px\] {
            max-width: 540px
        }

        .md\:max-w-\[720px\] {
            max-width: 720px
        }

        .md\:max-w-\[780px\] {
            max-width: 780px
        }

        .md\:max-w-\[unset\] {
            max-width: unset
        }

        .md\:max-w-full {
            max-width: 100%
        }

        .md\:table-fixed {
            table-layout: fixed
        }

        .md\:-translate-y-\[200\%\] {
            --tw-translate-y: -200%
        }

        .md\:-translate-y-\[200\%\],
        .md\:translate-x-\[60\%\] {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .md\:translate-x-\[60\%\] {
            --tw-translate-x: 60%
        }

        .md\:snap-none {
            scroll-snap-type: none
        }

        .md\:snap-align-none {
            scroll-snap-align: none
        }

        .md\:auto-cols-2fr {
            grid-auto-columns: minmax(0, 2fr)
        }

        .md\:grid-flow-col {
            grid-auto-flow: column
        }

        .md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .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\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .md\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .md\:grid-cols-\[repeat\(4\2c _1fr\)\] {
            grid-template-columns: repeat(4, 1fr)
        }

        .md\:grid-cols-none {
            grid-template-columns: none
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:place-items-center {
            place-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:items-end {
            align-items: flex-end
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-stretch {
            align-items: stretch
        }

        .md\:justify-normal {
            justify-content: normal
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:gap-0 {
            gap: 0
        }

        .md\:gap-12 {
            gap: 3rem
        }

        .md\:gap-16 {
            gap: 4rem
        }

        .md\:gap-24 {
            gap: 6rem
        }

        .md\:gap-32 {
            gap: 8rem
        }

        .md\:gap-5 {
            gap: 1.25rem
        }

        .md\:gap-6 {
            gap: 1.5rem
        }

        .md\:gap-8 {
            gap: 2rem
        }

        .md\:gap-\[26px\] {
            gap: 26px
        }

        .md\:divide-x>:not([hidden])~:not([hidden]) {
            --tw-divide-x-reverse: 0;
            border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
            border-right-width: calc(1px*var(--tw-divide-x-reverse))
        }

        .md\:overflow-auto {
            overflow: auto
        }

        .md\:overflow-hidden {
            overflow: hidden
        }

        .md\:overflow-x-auto {
            overflow-x: auto
        }

        .md\:border-4 {
            border-width: 4px
        }

        .md\:border-b-0 {
            border-bottom-width: 0
        }

        .md\:border-r {
            border-right-width: 1px
        }

        .md\:border-none {
            border-style: none
        }

        .md\:bg-\[linear-gradient\(180deg\2c \#000_0\%\2c \#3F3F3F_50\%\2c \#000_100\%\)\] {
            background-image: linear-gradient(180deg, #000, #3f3f3f 50%, #000)
        }

        .md\:p-0 {
            padding: 0
        }

        .md\:p-8 {
            padding: 2rem
        }

        .md\:px-0 {
            padding-left: 0;
            padding-right: 0
        }

        .md\:px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .md\:py-0 {
            padding-bottom: 0;
            padding-top: 0
        }

        .md\:py-24 {
            padding-bottom: 6rem;
            padding-top: 6rem
        }

        .md\:py-32 {
            padding-bottom: 8rem;
            padding-top: 8rem
        }

        .md\:py-4 {
            padding-bottom: 1rem;
            padding-top: 1rem
        }

        .md\:pb-0 {
            padding-bottom: 0
        }

        .md\:pb-20 {
            padding-bottom: 5rem
        }

        .md\:pb-\[29px\] {
            padding-bottom: 29px
        }

        .md\:pl-12 {
            padding-left: 3rem
        }

        .md\:pr-12 {
            padding-right: 3rem
        }

        .md\:pr-4 {
            padding-right: 1rem
        }

        .md\:pr-8 {
            padding-right: 2rem
        }

        .md\:pt-10 {
            padding-top: 2.5rem
        }

        .md\:pt-20 {
            padding-top: 5rem
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-start {
            text-align: start
        }

        .md\:text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .md\:text-4xl\/tight {
            font-size: 2.25rem;
            line-height: 1.25
        }

        .md\:text-5xl\/tighter {
            font-size: 3rem;
            line-height: 1.125
        }

        .md\:text-6xl\/tight {
            font-size: 3.75rem;
            line-height: 1.25
        }

        .md\:text-7xl\/tighter {
            font-size: 4.5rem;
            line-height: 1.125
        }

        .md\:text-\[28px\] {
            font-size: 28px
        }

        .md\:text-\[8rem\] {
            font-size: 8rem
        }

        .md\:text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .md\:text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .md\:text-pro-body-md-medium {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1.25
        }

        .md\:text-pro-body-md-regular {
            font-size: 1.5rem;
            font-weight: 400;
            line-height: 1.25
        }

        .md\:text-pro-body-sm-medium {
            font-size: 1.25rem;
            font-weight: 500;
            line-height: 1.25
        }

        .md\:text-pro-body-sm-regular {
            font-size: 1.25rem;
            font-weight: 400;
            line-height: 1.25
        }

        .md\:text-pro-body-xs-regular {
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.37
        }

        .md\:text-pro-title-lg-medium {
            font-size: 5rem;
            font-weight: 500;
            line-height: 1.05
        }

        .md\:text-pro-title-md-medium {
            font-size: 4rem;
            font-weight: 500;
            line-height: 1
        }

        .md\:text-pro-title-resp-xs-medium {
            font-size: 2.5rem;
            font-weight: 500;
            line-height: 1.25
        }

        .md\:text-pro-title-sm-medium {
            font-size: 3rem;
            font-weight: 500;
            line-height: 1.25
        }

        .md\:text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .md\:text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .md\:text-bitvavo-black-primary {
            --tw-text-opacity: 1;
            color: rgb(15 21 27/var(--tw-text-opacity))
        }

        .md\:shadow-none {
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .md\:\[mask-image\:_linear-gradient\(to_right\2c transparent_0\2c _black_128px\2c _black_calc\(100\%-200px\)\2c transparent_100\%\)\] {
            -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 128px, #000 calc(100% - 200px), transparent);
            mask-image: linear-gradient(90deg, transparent 0, #000 128px, #000 calc(100% - 200px), transparent)
        }

        .md\:after\:h-\[8px\]:after,
        .md\:before\:h-\[8px\]:before {
            content: var(--tw-content);
            height: 8px
        }

        .group:hover .md\:group-hover\:opacity-75 {
            opacity: .75
        }
    }

    @media (min-width:1024px) {
        .lg\:visible {
            visibility: visible
        }

        .lg\:relative {
            position: relative
        }

        .lg\:top-\[unset\] {
            top: unset
        }

        .lg\:z-auto {
            z-index: auto
        }

        .lg\:order-1 {
            order: 1
        }

        .lg\:order-2 {
            order: 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:-mb-14 {
            margin-bottom: -3.5rem
        }

        .lg\:-ml-4 {
            margin-left: -1rem
        }

        .lg\:mb-0 {
            margin-bottom: 0
        }

        .lg\:mb-10 {
            margin-bottom: 2.5rem
        }

        .lg\:mb-24 {
            margin-bottom: 6rem
        }

        .lg\:mb-\[100px\] {
            margin-bottom: 100px
        }

        .lg\:mb-\[308px\] {
            margin-bottom: 308px
        }

        .lg\:mb-\[360px\] {
            margin-bottom: 360px
        }

        .lg\:mb-\[4\.5rem\] {
            margin-bottom: 4.5rem
        }

        .lg\:mt-10 {
            margin-top: 2.5rem
        }

        .lg\:mt-20 {
            margin-top: 5rem
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:size-12 {
            height: 3rem;
            width: 3rem
        }

        .lg\:size-\[1000px\] {
            height: 1000px;
            width: 1000px
        }

        .lg\:size-\[100px\] {
            height: 100px;
            width: 100px
        }

        .lg\:size-\[57px\] {
            height: 57px;
            width: 57px
        }

        .lg\:max-h-max {
            max-height: -moz-max-content;
            max-height: max-content
        }

        .lg\:w-\[30\%\] {
            width: 30%
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:max-w-4xl {
            max-width: 56rem
        }

        .lg\:max-w-\[650px\] {
            max-width: 650px
        }

        .lg\:max-w-\[700px\] {
            max-width: 700px
        }

        .lg\:-translate-y-\[160\%\] {
            --tw-translate-y: -160%
        }

        .lg\:-translate-y-\[160\%\],
        .lg\:translate-x-\[65\%\] {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:translate-x-\[65\%\] {
            --tw-translate-x: 65%
        }

        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, 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\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:items-start {
            align-items: flex-start
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:justify-between {
            justify-content: space-between
        }

        .lg\:gap-16 {
            gap: 4rem
        }

        .lg\:gap-2 {
            gap: .5rem
        }

        .lg\:gap-32 {
            gap: 8rem
        }

        .lg\:gap-5 {
            gap: 1.25rem
        }

        .lg\:gap-8 {
            gap: 2rem
        }

        .lg\:gap-\[21\.5px\] {
            gap: 21.5px
        }

        .lg\:gap-\[3\.75rem\] {
            gap: 3.75rem
        }

        .lg\:overflow-hidden {
            overflow: hidden
        }

        .lg\:overflow-x-auto {
            overflow-x: auto
        }

        .lg\:border-t {
            border-top-width: 1px
        }

        .lg\:border-none {
            border-style: none
        }

        .lg\:p-6 {
            padding: 1.5rem
        }

        .lg\:px-0 {
            padding-left: 0;
            padding-right: 0
        }

        .lg\:px-56 {
            padding-left: 14rem;
            padding-right: 14rem
        }

        .lg\:px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .lg\:px-\[16px\] {
            padding-left: 16px;
            padding-right: 16px
        }

        .lg\:py-0 {
            padding-top: 0
        }

        .lg\:pb-0,
        .lg\:py-0 {
            padding-bottom: 0
        }

        .lg\:pb-\[7\.5rem\] {
            padding-bottom: 7.5rem
        }

        .lg\:pt-0 {
            padding-top: 0
        }

        .lg\:pt-16 {
            padding-top: 4rem
        }

        .lg\:pt-\[7\.5rem\] {
            padding-top: 7.5rem
        }

        .lg\:text-6xl\/tighter {
            font-size: 3.75rem;
            line-height: 1.125
        }

        .lg\:text-7xl\/tight {
            font-size: 4.5rem;
            line-height: 1.25
        }

        .lg\:text-\[11\.25rem\] {
            font-size: 11.25rem
        }

        .lg\:text-pro-body-md-medium {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1.25
        }

        .lg\:text-pro-body-md-regular {
            font-size: 1.5rem;
            font-weight: 400;
            line-height: 1.25
        }

        .lg\:text-pro-title-lg-medium {
            font-size: 5rem;
            font-weight: 500;
            line-height: 1.05
        }

        .lg\:text-pro-title-md-medium {
            font-size: 4rem;
            font-weight: 500;
            line-height: 1
        }

        .lg\:text-pro-title-sm-medium {
            font-size: 3rem;
            font-weight: 500;
            line-height: 1.25
        }

        .lg\:text-pro-title-xs-medium {
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.25
        }
    }

    @media (min-width:1280px) {
        .xl\:relative {
            position: relative
        }

        .xl\:left-auto {
            left: auto
        }

        .xl\:right-auto {
            right: auto
        }

        .xl\:z-0 {
            z-index: 0
        }

        .xl\:col-span-9 {
            grid-column: span 9/span 9
        }

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:grid {
            display: grid
        }

        .xl\:hidden {
            display: none
        }

        .xl\:h-11 {
            height: 2.75rem
        }

        .xl\:w-auto {
            width: auto
        }

        .xl\:max-w-screen-2xl {
            max-width: 1536px
        }

        .xl\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:items-center {
            align-items: center
        }

        .xl\:gap-5 {
            gap: 1.25rem
        }

        .xl\:divide-x>:not([hidden])~:not([hidden]) {
            --tw-divide-x-reverse: 0;
            border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
            border-right-width: calc(1px*var(--tw-divide-x-reverse))
        }

        .xl\:bg-inherit {
            background-color: inherit
        }

        .xl\:p-9 {
            padding: 2.25rem
        }

        .xl\:opacity-100 {
            opacity: 1
        }

        .xl\:shadow-none {
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }
    }

    @media (min-width:1921px) {
        .wide\:hidden {
            display: none
        }
    }

    .\[\&\+_h2\]\:mt-2+h2,
    .\[\&\+_h3\]\:mt-2+h3,
    .\[\&\+_h4\]\:mt-2+h4,
    .\[\&\+_h5\]\:mt-2+h5,
    .\[\&\+_h6\]\:mt-2+h6 {
        margin-top: .5rem
    }

    .\[\&\+_p\]\:mt-0+p,
    .\[\&\+_ul\]\:mt-0+ul {
        margin-top: 0
    }

    .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
        padding-right: 0
    }

    .\[\&\:not\(\.active-scroll-spy\)\]\:hover\:bg-bitvavo-grey-quinary:hover:not(.active-scroll-spy) {
        --tw-bg-opacity: 1;
        background-color: rgb(250 252 255/var(--tw-bg-opacity))
    }

    .\[\&\:not\(\.active-scroll-spy\)\]\:hover\:font-medium:hover:not(.active-scroll-spy) {
        font-weight: 500
    }

    .\[\&\:not\(\:last-child\)\]\:mb-2:not(:last-child) {
        margin-bottom: .5rem
    }

    .\[\&\>\*\:first-child\]\:h-full>:first-child {
        height: 100%
    }

    .\[\&\>\*\]\:m-0>* {
        margin: 0
    }

    .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
        --tw-translate-y: 2px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\[\&\>_p\]\:m-0>p {
        margin: 0
    }

    .\[\&\>div\:first-of-type\]\:-my-4>div:first-of-type {
        margin-bottom: -1rem;
        margin-top: -1rem
    }

    .\[\&\>div\:first-of-type\]\:my-0>div:first-of-type {
        margin-bottom: 0;
        margin-top: 0
    }

    .\[\&\>div\:first-of-type\]\:my-4>div:first-of-type {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    @media (min-width:768px) {
        .md\:\[\&\>div\:first-of-type\]\:-my-12>div:first-of-type {
            margin-bottom: -3rem;
            margin-top: -3rem
        }
    }

    .\[\&\>div\:last-of-type\]\:\!border-b>div:last-of-type {
        border-bottom-width: 1px !important
    }

    .\[\&\>div\:last-of-type\]\:\!border-none>div:last-of-type {
        border-style: none !important
    }

    .\[\&\>div\>p\]\:my-px>div>p {
        margin-bottom: 1px;
        margin-top: 1px
    }

    .\[\&\>div\]\:flex>div {
        display: flex
    }

    .\[\&\>div\]\:flex-col>div {
        flex-direction: column
    }

    .\[\&\>div\]\:gap-8>div {
        gap: 2rem
    }

    @media (min-width:768px) {
        .md\:\[\&\>div\]\:gap-20>div {
            gap: 5rem
        }
    }

    .\[\&\>g\>path\[fill\]\]\:fill-bitvavo-blue-primary>g>path[fill] {
        fill: #0051ff
    }

    .\[\&\>li\>p\]\:inline>li>p {
        display: inline
    }

    .\[\&\>li\]\:list-none>li {
        list-style-type: none
    }

    .\[\&\>li\]\:before\:absolute>li:before {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\>li\]\:before\:-left-4>li:before {
        content: var(--tw-content);
        left: -1rem
    }

    .\[\&\>li\]\:before\:text-gray-500>li:before {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity));
        content: var(--tw-content)
    }

    .\[\&\>li\]\:before\:content-\[\'\2013\'\]>li:before {
        --tw-content: "–";
        content: var(--tw-content)
    }

    .last\:\[\&\>li\]\:col-span-2>li:last-child {
        grid-column: span 2/span 2
    }

    .\[\&\>p\:first-of-type\]\:mt-0>p:first-of-type {
        margin-top: 0
    }

    .\[\&\>p\:last-of-type\]\:mb-0>p:last-of-type {
        margin-bottom: 0
    }

    .first\:\[\&\>p\]\:mt-0>p:first-child {
        margin-top: 0
    }

    .last\:\[\&\>p\]\:mb-0>p:last-child {
        margin-bottom: 0
    }

    @media (min-width:768px) {
        .md\:\[\&\>p\]\:\!m-0>p {
            margin: 0 !important
        }
    }

    .\[\&\>svg\]\:block>svg {
        display: block
    }

    .\[\&\>svg\]\:h-2\.5>svg {
        height: .625rem
    }

    .\[\&\>svg\]\:h-3>svg {
        height: .75rem
    }

    .\[\&\>svg\]\:h-full>svg {
        height: 100%
    }

    .\[\&\>svg\]\:w-2\.5>svg {
        width: .625rem
    }

    .\[\&\>svg\]\:w-3>svg {
        width: .75rem
    }

    .\[\&\>svg\]\:w-\[95px\]>svg {
        width: 95px
    }

    .\[\&\>svg\]\:w-full>svg {
        width: 100%
    }

    .\[\&\>svg\]\:text-gray-500>svg {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
    }

    :is(.dark .dark\:\[\&\>svg\]\:text-gray-400>svg) {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
    }

    .\[\&\>u\]\:no-underline>u {
        text-decoration-line: none
    }

    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
        stroke: transparent
    }

    .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
        stroke: transparent
    }

    .\[\&_\.recharts-sector\]\:outline-none .recharts-sector,
    .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    .\[\&_a\]\:inline a {
        display: inline
    }

    .\[\&_a\]\:whitespace-pre-wrap a {
        white-space: pre-wrap
    }

    .\[\&_img\]\:max-w-none img {
        max-width: none
    }

    .\[\&_li\]\:mx-8 li {
        margin-left: 2rem;
        margin-right: 2rem
    }

    @media (min-width:768px) {
        .md\:\[\&_li\]\:mx-16 li {
            margin-left: 4rem;
            margin-right: 4rem
        }
    }

    .\[\&_ol\]\:list-lower-roman ol {
        list-style-type: lower-roman
    }

    .\[\&_ol\]\:pl-4 ol {
        padding-left: 1rem
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:size-4 svg {
        height: 1rem;
        width: 1rem
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_tbody\]\:text-base tbody {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .\[\&_tr\:last-child\]\:border-0 tr:last-child {
        border-width: 0
    }

    .\[\&_tr\:last-child\]\:border-b tr:last-child,
    .\[\&_tr\]\:border-b tr {
        border-bottom-width: 1px
    }

    .\[\&_tr\]\:\!border-none tr {
        border-style: none !important
    }