/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-font-weight: initial;
            --tw-content: "";
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0
        }
    }
}

@layer theme {
    :root, :host {
        --tw-font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --tw-font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --tw-spacing: .25rem;
        --tw-container-6xl: 72rem;
        --tw-text-base: 1rem;
        --tw-text-base--line-height: calc(1.5/1);
        --tw-text-lg: 1.125rem;
        --tw-text-lg--line-height: calc(1.75/1.125);
        --tw-font-weight-bold: 700;
        --tw-radius-xl: .75rem;
        --tw-default-font-family: var(--tw-font-sans);
        --tw-default-mono-font-family: var(--tw-font-mono);
        --tw-color-blue: oklch(19.92% .1207 268.2);
        --tw-color-blue-2: oklch(50.97% .127 247.11);
        --tw-color-light-blue: oklch(93.49% .0218 250.22);
        --tw-color-light-grey: oklch(85.76% 0 0)
    }
}

@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

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

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol, ul, menu {
        list-style: none
    }

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

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

    button, input, select, optgroup, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }

        :where(select:is([multiple],[size])) optgroup option {
            padding-inline-start: 20px
        }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

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

    button, input:where([type=button],[type=reset],[type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;

@layer utilities {
    .tw\:relative {
        position: relative
    }

    .tw\:m-0\! {
        margin: calc(var(--tw-spacing)*0) !important
    }

    .tw\:mt-16 {
        margin-top: calc(var(--tw-spacing)*16)
    }

    .tw\:mb-4 {
        margin-bottom: calc(var(--tw-spacing)*4)
    }

    .tw\:mb-5 {
        margin-bottom: calc(var(--tw-spacing)*5)
    }

    .tw\:mb-10 {
        margin-bottom: calc(var(--tw-spacing)*10)
    }

    .tw\:flex {
        display: flex
    }

    .tw\:grid {
        display: grid
    }

    .tw\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .tw\:size-3 {
        width: calc(var(--tw-spacing)*3);
        height: calc(var(--tw-spacing)*3)
    }

    .tw\:size-8 {
        width: calc(var(--tw-spacing)*8);
        height: calc(var(--tw-spacing)*8)
    }

    .tw\:h-8 {
        height: calc(var(--tw-spacing)*8)
    }

    .tw\:h-full {
        height: 100%
    }

    .tw\:w-fit {
        width: fit-content
    }

    .tw\:w-full {
        width: 100%
    }

    .tw\:max-w-6xl\! {
        max-width: var(--tw-container-6xl) !important
    }

    .tw\:max-w-none {
        max-width: none
    }

    .tw\:items-center {
        align-items: center
    }

    .tw\:gap-1 {
        gap: calc(var(--tw-spacing)*1)
    }

    .tw\:gap-2\.5 {
        gap: calc(var(--tw-spacing)*2.5)
    }

    .tw\:gap-5 {
        gap: calc(var(--tw-spacing)*5)
    }

    .tw\:gap-8 {
        gap: calc(var(--tw-spacing)*8)
    }

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

    :where(.tw\:space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--tw-spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--tw-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.tw\:space-y-10>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--tw-spacing)*10)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--tw-spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
    }

    .tw\:gap-x-5 {
        column-gap: calc(var(--tw-spacing)*5)
    }

    .tw\:gap-y-6 {
        row-gap: calc(var(--tw-spacing)*6)
    }

    .tw\:gap-y-10 {
        row-gap: calc(var(--tw-spacing)*10)
    }

    .tw\:self-center {
        align-self: center
    }

    .tw\:border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .tw\:border-light-blue {
        border-color: var(--tw-color-light-blue)
    }

    .tw\:bg-light-blue {
        background-color: var(--tw-color-light-blue)
    }

    .tw\:object-contain {
        object-fit: contain
    }

    .tw\:object-cover {
        object-fit: cover
    }

    .tw\:p-5 {
        padding: calc(var(--tw-spacing)*5)
    }

    .tw\:p-8 {
        padding: calc(var(--tw-spacing)*8)
    }

    .tw\:px-5 {
        padding-inline: calc(var(--tw-spacing)*5)
    }

    .tw\:px-6 {
        padding-inline: calc(var(--tw-spacing)*6)
    }

    .tw\:px-8 {
        padding-inline: calc(var(--tw-spacing)*8)
    }

    .tw\:py-2\.5 {
        padding-block: calc(var(--tw-spacing)*2.5)
    }

    .tw\:py-4 {
        padding-block: calc(var(--tw-spacing)*4)
    }

    .tw\:py-6 {
        padding-block: calc(var(--tw-spacing)*6)
    }

    .tw\:py-10 {
        padding-block: calc(var(--tw-spacing)*10)
    }

    .tw\:pt-4 {
        padding-top: calc(var(--tw-spacing)*4)
    }

    .tw\:pb-1 {
        padding-bottom: calc(var(--tw-spacing)*1)
    }

    .tw\:text-center {
        text-align: center
    }

    .tw\:text-base {
        font-size: var(--tw-text-base);
        line-height: var(--tw-leading,var(--tw-text-base--line-height))
    }

    .tw\:text-lg {
        font-size: var(--tw-text-lg);
        line-height: var(--tw-leading,var(--tw-text-lg--line-height))
    }

    .tw\:font-bold {
        --tw-font-weight: var(--tw-font-weight-bold);
        font-weight: var(--tw-font-weight-bold)
    }

    .tw\:text-blue {
        color: var(--tw-color-blue)
    }

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

    .tw\:before\:top-5:before {
        content: var(--tw-content);
        top: calc(var(--tw-spacing)*5)
    }

    .tw\:before\:-left-8:before {
        content: var(--tw-content);
        left: calc(var(--tw-spacing)*-8)
    }

    .tw\:before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--tw-spacing)*0)
    }

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

    .tw\:before\:size-\[1rem\]:before {
        content: var(--tw-content);
        width: 1rem;
        height: 1rem
    }

    .tw\:before\:h-\[calc\(100\%-20px\)\]:before {
        content: var(--tw-content);
        height: calc(100% - 20px)
    }

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

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

    .tw\:before\:rounded-xl:before {
        content: var(--tw-content);
        border-radius: var(--tw-radius-xl)
    }

    .tw\:before\:border-l:before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .tw\:before\:border-light-grey:before {
        content: var(--tw-content);
        border-color: var(--tw-color-light-grey)
    }

    .tw\:before\:bg-blue-2:before {
        content: var(--tw-content);
        background-color: var(--tw-color-blue-2)
    }

    @media not all and (min-width:78.125rem) {
        .tw\:max-xl\:w-full {
            width: 100%
        }
    }

    @media not all and (min-width:40rem) {
        .tw\:max-sm\:before\:content-none:before {
            content: var(--tw-content);
            --tw-content: none;
            content: none
        }
    }

    @media (min-width:40rem) {
        .tw\:sm\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .tw\:sm\:pl-8 {
            padding-left: calc(var(--tw-spacing)*8)
        }
    }

    @media (min-width:48rem) {
        .tw\:md\:order-2 {
            order: 2
        }

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

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

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

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

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

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

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

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

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