/*! 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)))) {
        ::-ms-backdrop {
            --tw-border-style: solid;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-leading: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-space-x-reverse: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1
        }

        *, :before, :after, ::backdrop {
            --tw-border-style: solid;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-leading: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-space-x-reverse: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1
        }
    }
}
@layer theme {
    :root, :host {
        --tms-font-sans: "Satoshi", sans-serif;
        --tms-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --tms-spacing: .25rem;
        --tms-breakpoint-sm: 40rem;
        --tms-breakpoint-xl: 80rem;
        --tms-breakpoint-2xl: 96rem;
        --tms-container-xl: 36rem;
        --tms-container-3xl: 48rem;
        --tms-text-xs: .75rem;
        --tms-text-xs--line-height: calc(1 / .75);
        --tms-text-sm: .875rem;
        --tms-text-sm--line-height: calc(1.25 / .875);
        --tms-text-base: 1rem;
        --tms-text-base--line-height: calc(1.5 / 1);
        --tms-text-lg: 1.125rem;
        --tms-text-lg--line-height: calc(1.75 / 1.125);
        --tms-text-xl: 1.25rem;
        --tms-text-xl--line-height: calc(1.75 / 1.25);
        --tms-text-2xl: 1.5rem;
        --tms-text-2xl--line-height: calc(2 / 1.5);
        --tms-text-3xl: 1.875rem;
        --tms-text-3xl--line-height: calc(2.25 / 1.875);
        --tms-text-4xl: 2.25rem;
        --tms-text-4xl--line-height: calc(2.5 / 2.25);
        --tms-font-weight-light: 300;
        --tms-font-weight-normal: 400;
        --tms-font-weight-medium: 500;
        --tms-font-weight-semibold: 600;
        --tms-font-weight-bold: 700;
        --tms-font-weight-extrabold: 800;
        --tms-leading-relaxed: 1.625;
        --tms-radius-sm: .25rem;
        --tms-radius-lg: .5rem;
        --tms-radius-xl: .75rem;
        --tms-radius-2xl: 1rem;
        --tms-drop-shadow-lg: 0 4px 4px #00000026;
        --tms-animate-spin: spin 1s linear infinite;
        --tms-blur-xs: 4px;
        --tms-blur-sm: 8px;
        --tms-default-transition-duration: .15s;
        --tms-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --tms-default-font-family: var(--tms-font-sans);
        --tms-default-mono-font-family: var(--tms-font-mono);
        --tms-color-primary: #eb5927;
        --tms-color-primary-accent: #432dd7;
        --tms-color-secondary: #ac4bff;
        --tms-color-accent: #00baa7;
        --tms-color-alert: #e40014;
        --tms-color-warning: #fcbb00;
        --tms-color-success: #80cd00;
        --tms-color-black: #000;
        --tms-color-white: #fff;
        --tms-color-gray-light: #cad5e2;
        --tms-color-gray: #45556c;
        --tms-color-gray-dark: #101828
    }

    @supports (color:lab(0% 0 0)) {
        :root, :host {
            --tms-color-primary: lab(57.8023% 55.8388 57.0026);
            --tms-color-primary-accent: lab(32.4486% 49.2217 -84.6695);
            --tms-color-secondary: lab(52.0183% 66.11 -78.2316);
            --tms-color-accent: lab(67.3859% -49.0983 -2.63511);
            --tms-color-alert: lab(48.4493% 77.4328 61.5452);
            --tms-color-warning: lab(80.1641% 16.6016 99.2089);
            --tms-color-success: lab(75.3197% -46.6547 86.1778);
            --tms-color-gray-light: lab(84.7652% -1.94535 -7.93337);
            --tms-color-gray: lab(35.5623% -1.74978 -15.4316);
            --tms-color-gray-dark: lab(8.11897% .811279 -12.254)
        }
    }
}
@layer base {
    ::-ms-backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    *, :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(--tms-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(--tms-default-font-feature-settings, normal);
        font-variation-settings: var(--tms-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;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp, pre {
        font-family: var(--tms-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--tms-default-mono-font-feature-settings, normal);
        font-variation-settings: var(--tms-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
    }

    ::-moz-placeholder {
        opacity: 1
    }

    :-ms-placeholder-shown {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

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

        :-ms-placeholder-shown {
            color: currentColor
        }

        ::placeholder {
            color: currentColor
        }

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

            :-ms-placeholder-shown {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }

            ::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 utilities {
    .tms-app .tms\:absolute {
        position: absolute
    }

    .tms-app .tms\:fixed {
        position: fixed
    }

    .tms-app .tms\:relative {
        position: relative
    }

    .tms-app .tms\:top-0 {
        top: calc(var(--tms-spacing) * 0)
    }

    .tms-app .tms\:top-4 {
        top: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:right-4 {
        right: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:left-0 {
        left: calc(var(--tms-spacing) * 0)
    }

    .tms-app .tms\:z-10 {
        z-index: 10
    }

    .tms-app .tms\:z-50 {
        z-index: 50
    }

    .tms-app .tms\:col-span-full {
        grid-column: 1/-1
    }

    .tms-app .tms\:col-start-1 {
        grid-column-start: 1
    }

    .tms-app .tms\:col-end-6 {
        grid-column-end: 6
    }

    .tms-app .tms\:mx-auto {
        margin-inline: auto
    }

    .tms-app .tms\:my-0\.5 {
        margin-block: calc(var(--tms-spacing) * .5)
    }

    .tms-app .tms\:my-2 {
        margin-block: calc(var(--tms-spacing) * 2)
    }

    .tms-app .tms\:my-4 {
        margin-block: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:mt-0 {
        margin-top: calc(var(--tms-spacing) * 0)
    }

    .tms-app .tms\:mb-2 {
        margin-bottom: calc(var(--tms-spacing) * 2)
    }

    .tms-app .tms\:mb-3 {
        margin-bottom: calc(var(--tms-spacing) * 3)
    }

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

    .tms-app .tms\:mb-8 {
        margin-bottom: calc(var(--tms-spacing) * 8)
    }

    .tms-app .tms\:flex {
        display: flex
    }

    .tms-app .tms\:grid {
        display: grid
    }

    .tms-app .tms\:inline-block {
        display: inline-block
    }

    .tms-app .tms\:h-4 {
        height: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:h-6 {
        height: calc(var(--tms-spacing) * 6)
    }

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

    .tms-app .tms\:h-10 {
        height: calc(var(--tms-spacing) * 10)
    }

    .tms-app .tms\:h-16 {
        height: calc(var(--tms-spacing) * 16)
    }

    .tms-app .tms\:h-32 {
        height: calc(var(--tms-spacing) * 32)
    }

    .tms-app .tms\:h-56 {
        height: calc(var(--tms-spacing) * 56)
    }

    .tms-app .tms\:h-auto {
        height: auto
    }

    .tms-app .tms\:h-screen {
        height: 100vh
    }

    .tms-app .tms\:min-h-56 {
        min-height: calc(var(--tms-spacing) * 56)
    }

    .tms-app .tms\:w-4 {
        width: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:w-6 {
        width: calc(var(--tms-spacing) * 6)
    }

    .tms-app .tms\:w-8 {
        width: calc(var(--tms-spacing) * 8)
    }

    .tms-app .tms\:w-10 {
        width: calc(var(--tms-spacing) * 10)
    }

    .tms-app .tms\:w-16 {
        width: calc(var(--tms-spacing) * 16)
    }

    .tms-app .tms\:w-32 {
        width: calc(var(--tms-spacing) * 32)
    }

    .tms-app .tms\:w-full {
        width: 100%
    }

    .tms-app .tms\:max-w-screen-2xl {
        max-width: var(--tms-breakpoint-2xl)
    }

    .tms-app .tms\:max-w-screen-sm {
        max-width: var(--tms-breakpoint-sm)
    }

    .tms-app .tms\:auto-cols-min {
        grid-auto-columns: min-content
    }

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

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

    .tms-app .tms\:flex-col {
        flex-direction: column
    }

    .tms-app .tms\:flex-wrap {
        flex-wrap: wrap
    }

    .tms-app .tms\:items-center {
        align-items: center
    }

    .tms-app .tms\:justify-between {
        justify-content: space-between
    }

    .tms-app .tms\:justify-center {
        justify-content: center
    }

    .tms-app .tms\:justify-end {
        justify-content: flex-end
    }

    .tms-app .tms\:gap-2 {
        gap: calc(var(--tms-spacing) * 2)
    }

    .tms-app .tms\:gap-4 {
        gap: calc(var(--tms-spacing) * 4)
    }

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

    .tms-app .tms\:rounded {
        border-radius: .25rem
    }

    .tms-app .tms\:rounded-xl {
        border-radius: var(--tms-radius-xl)
    }

    .tms-app .tms\:border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

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

    .tms-app .tms\:border-b-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px
    }

    .tms-app .tms\:border-black {
        border-color: var(--tms-color-black)
    }

    .tms-app .tms\:border-gray {
        border-color: var(--tms-color-gray)
    }

    .tms-app .tms\:border-gray-light, .tms-app .tms\:border-gray-light\/40 {
        border-color: var(--tms-color-gray-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tms-app .tms\:border-gray-light\/40 {
            border-color: color-mix(in oklab, var(--tms-color-gray-light) 40%, transparent)
        }
    }.tms-app .tms\:bg-accent {
         background-color: var(--tms-color-accent)
     }

    .tms-app .tms\:bg-alert {
        background-color: var(--tms-color-alert)
    }

    .tms-app .tms\:bg-black {
        background-color: var(--tms-color-black)
    }

    .tms-app .tms\:bg-gray {
        background-color: var(--tms-color-gray)
    }

    .tms-app .tms\:bg-gray-dark {
        background-color: var(--tms-color-gray-dark)
    }

    .tms-app .tms\:bg-gray-light, .tms-app .tms\:bg-gray-light\/10 {
        background-color: var(--tms-color-gray-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tms-app .tms\:bg-gray-light\/10 {
            background-color: color-mix(in oklab, var(--tms-color-gray-light) 10%, transparent)
        }
    }.tms-app .tms\:bg-primary {
         background-color: var(--tms-color-primary)
     }

    .tms-app .tms\:bg-primary-accent {
        background-color: var(--tms-color-primary-accent)
    }

    .tms-app .tms\:bg-secondary {
        background-color: var(--tms-color-secondary)
    }

    .tms-app .tms\:bg-success {
        background-color: var(--tms-color-success)
    }

    .tms-app .tms\:bg-warning {
        background-color: var(--tms-color-warning)
    }

    .tms-app .tms\:bg-white {
        background-color: var(--tms-color-white)
    }

    .tms-app .tms\:bg-cover {
        background-size: cover
    }

    .tms-app .tms\:bg-center {
        background-position: 50%
    }

    .tms-app .tms\:p-4 {
        padding: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:px-2 {
        padding-inline: calc(var(--tms-spacing) * 2)
    }

    .tms-app .tms\:px-4 {
        padding-inline: calc(var(--tms-spacing) * 4)
    }

    .tms-app .tms\:py-1 {
        padding-block: calc(var(--tms-spacing) * 1)
    }

    .tms-app .tms\:py-2 {
        padding-block: calc(var(--tms-spacing) * 2)
    }

    .tms-app .tms\:py-8 {
        padding-block: calc(var(--tms-spacing) * 8)
    }

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

    .tms-app .tms\:font-mono {
        font-family: var(--tms-font-mono)
    }

    .tms-app .tms\:text-2xl {
        font-size: var(--tms-text-2xl);
        line-height: var(--tw-leading, var(--tms-text-2xl--line-height))
    }

    .tms-app .tms\:text-4xl {
        font-size: var(--tms-text-4xl);
        line-height: var(--tw-leading, var(--tms-text-4xl--line-height))
    }

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

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

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

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

    .tms-app .tms\:font-extrabold {
        --tw-font-weight: var(--tms-font-weight-extrabold);
        font-weight: var(--tms-font-weight-extrabold)
    }

    .tms-app .tms\:font-medium {
        --tw-font-weight: var(--tms-font-weight-medium);
        font-weight: var(--tms-font-weight-medium)
    }

    .tms-app .tms\:font-semibold {
        --tw-font-weight: var(--tms-font-weight-semibold);
        font-weight: var(--tms-font-weight-semibold)
    }

    .tms-app .tms\:text-black {
        color: var(--tms-color-black)
    }

    .tms-app .tms\:text-white {
        color: var(--tms-color-white)
    }

    .tms-app .tms\:opacity-0 {
        opacity: 0
    }

    .tms-app .tms\:opacity-90 {
        opacity: .9
    }

    .tms-app .tms\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .tms-app .tms\:drop-shadow-lg {
        --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--tms-drop-shadow-lg));
        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,)
    }

    @media (min-width: 48rem) {
        .tms-app .tms\:md\:grid-cols-1 {
            grid-template-columns:repeat(1, minmax(0, 1fr))
        }

        .tms-app .tms\:md\:grid-cols-2 {
            grid-template-columns:repeat(2, minmax(0, 1fr))
        }
    }@media (min-width: 64rem) {
    .tms-app .tms\:lg\:h-10 {
        height: calc(var(--tms-spacing) * 10)
    }

    .tms-app .tms\:lg\:w-10 {
        width: calc(var(--tms-spacing) * 10)
    }

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

    .tms-app .tms\:lg\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .tms-app .tms\:lg\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .tms-app .tms\:lg\:grid-cols-5 {
        grid-template-columns:repeat(5, minmax(0, 1fr))
    }
}.tms-component {
     padding-bottom: calc(var(--tms-spacing) * 2)
 }

    .tms-component-container {
        margin-inline: auto;
        margin-block: calc(var(--tms-spacing) * 2);
        max-width: var(--tms-breakpoint-xl);
        padding-inline: calc(var(--tms-spacing) * 4);
        display: block
    }

    @media (min-width: 64rem) {
        .tms-component-container {
            margin-block: calc(var(--tms-spacing) * 8);
            padding-inline: calc(var(--tms-spacing) * 8)
        }
    }h1 {
         margin-block: calc(var(--tms-spacing) * 2);
         font-size: var(--tms-text-2xl);
         line-height: var(--tw-leading, var(--tms-text-2xl--line-height))
     }

    @media (min-width: 48rem) {
        h1 {
            font-size: var(--tms-text-3xl);
            line-height: var(--tw-leading, var(--tms-text-3xl--line-height))
        }
    }@media (min-width: 64rem) {
    h1 {
        margin-block: calc(var(--tms-spacing) * 4);
        font-size: var(--tms-text-4xl);
        line-height: var(--tw-leading, var(--tms-text-4xl--line-height))
    }
}h2 {
     margin-block: calc(var(--tms-spacing) * 2);
     font-size: var(--tms-text-2xl);
     line-height: var(--tw-leading, var(--tms-text-2xl--line-height));
     --tw-font-weight: var(--tms-font-weight-medium);
     font-weight: var(--tms-font-weight-medium)
 }

    @media (min-width: 48rem) {
        h2 {
            font-size: var(--tms-text-2xl);
            line-height: var(--tw-leading, var(--tms-text-2xl--line-height))
        }
    }@media (min-width: 64rem) {
    h2 {
        margin-block: calc(var(--tms-spacing) * 4);
        font-size: var(--tms-text-3xl);
        line-height: var(--tw-leading, var(--tms-text-3xl--line-height))
    }
}h3 {
     margin-block: calc(var(--tms-spacing) * 2);
     font-size: var(--tms-text-lg);
     line-height: var(--tw-leading, var(--tms-text-lg--line-height));
     --tw-font-weight: var(--tms-font-weight-semibold);
     font-weight: var(--tms-font-weight-semibold)
 }

    @media (min-width: 48rem) {
        h3 {
            font-size: var(--tms-text-xl);
            line-height: var(--tw-leading, var(--tms-text-xl--line-height))
        }
    }@media (min-width: 64rem) {
    h3 {
        margin-block: calc(var(--tms-spacing) * 4);
        font-size: var(--tms-text-2xl);
        line-height: var(--tw-leading, var(--tms-text-2xl--line-height))
    }
}h4 {
     margin-block: calc(var(--tms-spacing) * 2);
     font-size: var(--tms-text-base);
     line-height: var(--tw-leading, var(--tms-text-base--line-height))
 }

    @media (min-width: 48rem) {
        h4 {
            font-size: var(--tms-text-lg);
            line-height: var(--tw-leading, var(--tms-text-lg--line-height))
        }
    }@media (min-width: 64rem) {
    h4 {
        margin-block: calc(var(--tms-spacing) * 4);
        font-size: var(--tms-text-xl);
        line-height: var(--tw-leading, var(--tms-text-xl--line-height))
    }
}.tms-button {
     border-radius: var(--tms-radius-xl);
     border-style: var(--tw-border-style);
     border-width: 2px;
     border-color: var(--tms-color-gray-light);
     background-color: var(--tms-color-gray-dark);
     padding-inline: calc(var(--tms-spacing) * 4);
     padding-block: calc(var(--tms-spacing) * 1.5);
     font-size: var(--tms-text-base);
     line-height: var(--tw-leading, var(--tms-text-base--line-height))
 }

    @media (hover: hover) {
        .tms-button:hover {
            background-color: #0000
        }
    }--larger.tms-button {
         padding-inline: calc(var(--tms-spacing) * 3);
         padding-block: calc(var(--tms-spacing) * 2);
         font-size: var(--tms-text-xl);
         line-height: var(--tw-leading, var(--tms-text-xl--line-height))
     }

    --large.tms-button {
        padding-inline: calc(var(--tms-spacing) * 2);
        padding-block: calc(var(--tms-spacing) * 1.5);
        font-size: var(--tms-text-lg);
        line-height: var(--tw-leading, var(--tms-text-lg--line-height))
    }

    --small.tms-button {
        padding-inline: calc(var(--tms-spacing) * 1.5);
        padding-block: calc(var(--tms-spacing) * 1);
        font-size: var(--tms-text-sm);
        line-height: var(--tw-leading, var(--tms-text-sm--line-height))
    }

    --smaller.tms-button {
        padding-inline: calc(var(--tms-spacing) * 2);
        padding-block: calc(var(--tms-spacing) * 1);
        font-size: var(--tms-text-xs);
        line-height: var(--tw-leading, var(--tms-text-xs--line-height))
    }

    --no-border.tms-button {
        border-color: #0000
    }
}

#tms-cookie-consent .cm-header {
    position: relative
}

#tms-cookie-consent .cm-header p {
    margin-bottom: calc(var(--tms-spacing) * 4);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height))
}

#tms-cookie-consent .cm-header .hide {
    top: calc(var(--tms-spacing) * 0);
    right: calc(var(--tms-spacing) * 0);
    color: var(--tms-color-black);
    position: absolute
}

#tms-cookie-consent .cm-header .hide svg {
    stroke: currentColor
}

#tms-cookie-consent p.purposes {
    margin-bottom: calc(var(--tms-spacing) * 2);
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height));
    font-style: italic
}

#tms-cookie-consent p.cm-list-description {
    margin-bottom: calc(var(--tms-spacing) * 4);
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height));
    --tw-leading: var(--tms-leading-relaxed);
    line-height: var(--tms-leading-relaxed)
}

#tms-cookie-consent p.cm-list-description:empty {
    display: none
}

#tms-cookie-consent .cm-purpose + .cm-purpose {
    margin-top: calc(var(--tms-spacing) * 4)
}

#tms-cookie-consent .cm-required {
    margin-top: calc(var(--tms-spacing) * 1);
    margin-left: calc(var(--tms-spacing) * 2);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height));
    --tw-font-weight: var(--tms-font-weight-normal);
    font-weight: var(--tms-font-weight-normal);
    color: var(--tms-color-gray);
    font-style: italic
}

#tms-cookie-consent .cm-apps {
    margin-top: calc(var(--tms-spacing) * 1);
    margin-bottom: calc(var(--tms-spacing) * 1);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height))
}

#tms-cookie-consent .cm-apps .cm-app, #tms-cookie-consent .cm-apps .cm-app .cm-list-label + div {
    margin-top: calc(var(--tms-spacing) * 4)
}

#tms-cookie-consent .cookielist {
    margin-top: calc(var(--tms-spacing) * 2);
    border-radius: var(--tms-radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    width: 100%;
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height))
}

#tms-cookie-consent .cookielist .header-cookie-description, #tms-cookie-consent .cookielist .cookie-description {
    width: 50%
}

#tms-cookie-consent .cookielist .header-cookie-duration, #tms-cookie-consent .cookielist .cookie-duration, #tms-cookie-consent .cookielist .header-cookie-name, #tms-cookie-consent .cookielist .cookie-name {
    width: 16.6667%
}

#tms-cookie-consent .cookielist .header-cookie-list, #tms-cookie-consent .cookielist .header-cookie-desc {
    gap: calc(var(--tms-spacing) * 4);
    width: 100%;
    display: flex
}

#tms-cookie-consent .cookielist .header-cookie-list {
    padding: calc(var(--tms-spacing) * 2)
}

#tms-cookie-consent .cookielist .header-cookie-list + .header-cookie-list {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--tms-color-gray-light)
}

#tms-cookie-consent .cookielist .header-cookie-desc {
    gap: calc(var(--tms-spacing) * 4);
    background-color: var(--tms-color-gray-light);
    width: 100%;
    padding: calc(var(--tms-spacing) * 2);
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold);
    display: flex
}

#tms-cookie-consent .cm-btn {
    border-color: var(--tms-color-primary);
    color: var(--tms-color-white);
    background-color: #0000
}

#tms-cookie-consent .cm-list-label {
    --tw-font-weight: var(--tms-font-weight-bold);
    width: 100%;
    font-weight: var(--tms-font-weight-bold);
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

#tms-cookie-consent .cm-list-label .switch {
    margin-right: calc(var(--tms-spacing) * 4);
    order: -1
}

#tms-cookie-consent .cookie-modal {
    bottom: calc(var(--tms-spacing) * 0);
    z-index: 50;
    background-color: var(--tms-color-black);
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    position: fixed
}

@supports (color:color-mix(in lab, red, red)) {
    #tms-cookie-consent .cookie-modal {
        background-color: color-mix(in oklab, var(--tms-color-black) 80%, transparent)
    }
}

#tms-cookie-consent .cookie-modal {
    vertical-align: middle;
    color: var(--tms-color-white);
    --tw-backdrop-blur: blur(var(--tms-blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}

#tms-cookie-consent .cookie-modal .cm-modal {
    background-color: var(--tms-color-white);
    height: 100%;
    padding: calc(var(--tms-spacing) * 8);
    color: var(--tms-color-black);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    margin: auto;
    overflow: auto
}

@media (min-width: 64rem) {
    #tms-cookie-consent .cookie-modal .cm-modal {
        height: auto;
        max-height: 98%;
        max-width: var(--tms-container-3xl);
        border-radius: .25rem
    }
}

#tms-cookie-consent .cm-footer-buttons {
    justify-content: space-between;
    gap: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    width: 100%;
    display: flex
}

@media (min-width: 64rem) {
    #tms-cookie-consent .cm-footer-buttons {
        justify-content: flex-start
    }
}

#tms-cookie-consent .cm-footer-buttons button {
    border-style: var(--tw-border-style);
    background-color: var(--tms-color-primary);
    padding: calc(var(--tms-spacing) * 2);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    color: var(--tms-color-white);
    border-width: 2px;
    border-radius: .25rem
}

#tms-cookie-consent .cm-btn-accept {
    border-style: var(--tw-border-style);
    padding: calc(var(--tms-spacing) * 0);
    padding-inline: calc(var(--tms-spacing) * 0);
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height));
    border-width: 0
}

@media (hover: hover) {
    #tms-cookie-consent .cm-btn-accept:hover {
        background-color: var(--tms-color-white);
        color: var(--tms-color-black)
    }
}

#tms-cookie-consent .cm-btn-accept-all {
    background-color: var(--tms-color-primary);
    color: var(--tms-color-white)
}

#tms-cookie-consent .cn-buttons {
    -moz-column-gap: calc(var(--tms-spacing) * 4);
    column-gap: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    display: flex
}

#tms-cookie-consent h1 {
    margin-bottom: calc(var(--tms-spacing) * 4);
    font-size: var(--tms-text-xl);
    line-height: var(--tw-leading, var(--tms-text-xl--line-height))
}

@media (min-width: 64rem) {
    #tms-cookie-consent h1 {
        font-size: var(--tms-text-4xl);
        line-height: var(--tw-leading, var(--tms-text-4xl--line-height))
    }
}

#tms-cookie-consent .cm-content {
    display: none
}

#tms-cookie-consent .cm-content.expanded {
    display: block
}

#tms-cookie-consent .cm-footer {
    margin-top: calc(var(--tms-spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--tms-color-gray-light);
    padding-top: calc(var(--tms-spacing) * 4)
}

#tms-cookie-consent .cookie-notice {
    bottom: calc(var(--tms-spacing) * 0);
    z-index: 50;
    background-color: var(--tms-color-black);
    width: 100%;
    height: 100%;
    margin: auto;
    position: fixed
}

@supports (color:color-mix(in lab, red, red)) {
    #tms-cookie-consent .cookie-notice {
        background-color: color-mix(in oklab, var(--tms-color-black) 90%, transparent)
    }
}

#tms-cookie-consent .cookie-notice {
    color: var(--tms-color-white);
    --tw-backdrop-blur: blur(8px);
    -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,)
}

@media (min-width: 48rem) {
    #tms-cookie-consent .cookie-notice {
        height: auto
    }
}

#tms-cookie-consent .cookie-notice .cn-ok {
    margin-bottom: calc(var(--tms-spacing) * 2);
    align-items: flex-end;
    gap: calc(var(--tms-spacing) * 4);
    margin-top: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    justify-content: space-between;
    display: grid
}

#tms-cookie-consent .cookie-notice .cm-btn.cm-btn-ok {
    order: 1
}

#tms-cookie-consent .cookie-notice .cm-btn.cn-decline {
    order: 2
}

#tms-cookie-consent .cookie-notice .cn-body {
    padding-inline: calc(var(--tms-spacing) * 4);
    padding-block: calc(var(--tms-spacing) * 8);
    margin: auto
}

@media (min-width: 64rem) {
    #tms-cookie-consent .cookie-notice .cn-body {
        max-width: var(--tms-breakpoint-xl)
    }
}

#tms-cookie-consent .cookie-notice .cm-link {
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height));
    order: 1
}

#tms-cookie-consent .cookie-notice .cn-learn-more {
    margin-top: calc(var(--tms-spacing) * 2);
    width: 100%;
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height))
}

@media (min-width: 64rem) {
    #tms-cookie-consent .cookie-notice .cn-learn-more {
        margin-top: calc(var(--tms-spacing) * 0)
    }
}

.switch {
    width: 50px;
    height: 30px;
    display: inline-block;
    position: relative
}

.cm-list-input:checked + .cm-list-label .slider {
    background-color: var(--tms-color-primary)
}

.cm-list-input.half-checked:checked + .cm-list-label .slider {
    opacity: .6;
    background-color: var(--tms-color-gray)
}

.cm-list-input.half-checked:checked + .cm-list-label .slider:before {
    transform: translate(10px)
}

.cm-list-input.only-required + .cm-list-label .slider {
    opacity: .8;
    background-color: var(--tms-color-primary)
}

.cm-list-input.only-required + .cm-list-label .slider:before {
    transform: translate(10px)
}

.cm-list-input.required:checked + .cm-list-label .slider {
    opacity: .8;
    background-color: var(--tms-color-primary);
    cursor: not-allowed
}

.slider {
    box-shadow: none
}

.cm-list-input {
    opacity: 0;
    width: 50px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0
}

.cm-list-label {
    margin-left: 0
}

.cm-list-label .slider {
    cursor: pointer;
    background-color: var(--tms-color-gray);
    width: 50px;
    transition: all .4s;
    display: inline-block;
    position: absolute;
    inset: 0
}

.cm-list-label .slider:before {
    content: "";
    background-color: #fff;
    width: 20px;
    height: 20px;
    transition: all .4s;
    position: absolute;
    bottom: 5px;
    left: 5px
}

.cm-list-label .slider.round {
    border-radius: 30px
}

.cm-list-label .slider.round:before {
    border-radius: 50%
}

.cm-list-label input:focus + .slider {
    box-shadow: 0 0 1px green
}

.cm-list-label input:checked + .slider:before, .cm-list-input:checked + .cm-list-label .slider:before {
    transform: translate(20px)
}

.cm-content .switch {
    height: 20px
}

.cm-content .switch .slider {
    width: 40px
}

.cm-content .switch .slider:before {
    width: 10px;
    height: 10px
}

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

.tms-geosearch-city-list {
    z-index: 100;
    margin-top: calc(var(--tms-spacing) * 2);
    margin-bottom: calc(var(--tms-spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    border-radius: .25rem;
    width: 100%;
    max-height: 300px;
    position: absolute;
    top: 100%;
    overflow-y: auto
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-geosearch-city-list {
        border-color: color-mix(in oklab, var(--tms-color-gray-light) 10%, transparent)
    }
}

.tms-geosearch-city-list {
    background-color: var(--tms-color-white);
    padding-top: calc(var(--tms-spacing) * 1);
    padding-bottom: calc(var(--tms-spacing) * 1);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.tms-geosearch-is-throttled svg {
    margin-right: calc(var(--tms-spacing) * 0);
    animation: var(--tms-animate-spin);
    height: calc(var(--tms-spacing) * 4);
    width: calc(var(--tms-spacing) * 4)
}

.tms-geosearch-item--select {
    align-items: stretch;
    gap: calc(var(--tms-spacing) * 2);
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-white);
    width: 100%;
    padding: calc(var(--tms-spacing) * 0);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    color: var(--tms-color-gray-dark);
    display: flex;
    position: relative
}

.tms-geosearch-powered-by {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--tms-spacing) * 1);
    padding-block: calc(var(--tms-spacing) * 1);
    padding-right: calc(var(--tms-spacing) * 2);
    padding-left: calc(var(--tms-spacing) * 2);
    color: var(--tms-color-gray-dark);
    opacity: .5;
    font-size: 10px;
    display: flex
}

.tms-geosearch-city-list-item--country {
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height));
    color: #4a4a4a
}

[type=text]:active, [type=text]:focus, [type=text] {
    --tw-border-style: none;
    --tw-outline-style: none;
    border-style: none;
    outline-style: none
}

.tms-geosearch-city-list-item {
    cursor: pointer;
    padding-inline: calc(var(--tms-spacing) * 4);
    padding-block: calc(var(--tms-spacing) * 2)
}

.tms-geosearch-city-list-item.tms-city-is-highlighted {
    background-color: var(--tms-color-primary-accent)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-geosearch-city-list-item.tms-city-is-highlighted {
        background-color: color-mix(in oklab, var(--tms-color-primary-accent) 25%, transparent)
    }
}

.tms-geosearch-wrapper {
    gap: calc(var(--tms-spacing) * 4);
    grid-column: 1/-1;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    display: grid
}

@media (min-width: 64rem) {
    .tms-geosearch-wrapper {
        grid-column: 1/-1;
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.tms-geosearch-wrapper .tms-select-replacement-wrapper {
    justify-content: space-between;
    gap: calc(var(--tms-spacing) * 0);
    height: 100%;
    position: relative
}

@media (min-width: 64rem) {
    .tms-geosearch-wrapper .tms-placeholder {
        padding: calc(var(--tms-spacing) * 0)
    }
}

.tms-geosearch-wrapper .tms-select-replacement-item {
    padding: calc(var(--tms-spacing) * 0);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    background-color: #0000
}

.tms-geosearch-wrapper .tms-filter-item-input-inner {
    padding: calc(var(--tms-spacing) * 0);
    position: relative
}

.tms-geosearch-wrapper .tms-filter-item.tms-geosearch-item {
    flex-wrap: wrap
}

.tms-geosearch-wrapper .tms-filter-item.tms-geosearch-item .tms-label {
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height))
}

.tms-geosearch-wrapper .tms-filter-item.tms-geosearch-item .tms-geo-search-text-field {
    z-index: 10;
    margin: calc(var(--tms-spacing) * 0);
    margin-block: calc(var(--tms-spacing) * 2);
    margin-right: calc(var(--tms-spacing) * 2);
    margin-left: calc(var(--tms-spacing) * 2);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--tms-spacing) * .5);
    border-style: var(--tw-border-style);
    width: 100%;
    padding: calc(var(--tms-spacing) * 0);
    padding-left: calc(var(--tms-spacing) * 0);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    border-width: 0;
    flex-wrap: wrap;
    display: flex
}

body, html {
    height: 100%;
    min-height: 100%
}

.tms-app {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 100vh;
    display: flex
}

.tms-app .tms-component--header {
    z-index: 50;
    width: auto;
    padding: calc(var(--tms-spacing) * 2);
    background-color: #0000;
    align-items: center;
    display: flex;
    position: static;
    overflow: hidden
}

@media (min-width: 64rem) {
    .tms-app .tms-component--header {
        margin-inline: calc(var(--tms-spacing) * 8);
        margin-block: calc(var(--tms-spacing) * 4);
        padding: calc(var(--tms-spacing) * 0);
        padding-inline: calc(var(--tms-spacing) * 20)
    }
}

.tms-app .tms-component--header .header-is-sticky {
    --tw-backdrop-blur: blur(var(--tms-blur-xs));
    -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,)
}

.tms-app .tms-component--header .tms-component-container {
    margin-block: calc(var(--tms-spacing) * 0);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--tms-spacing) * 1);
    border-radius: var(--tms-radius-2xl);
    width: 100%;
    padding-block: calc(var(--tms-spacing) * 0);
    display: inline-flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--header .tms-component-container {
        width: 100%;
        padding-inline: calc(var(--tms-spacing) * 8)
    }
}

.tms-app .tms-component--header .tms-menu-item {
    display: inline-flex
}

.tms-app .tms-component--header .tms-menu-item a {
    font-size: var(--tms-text-lg);
    line-height: var(--tw-leading, var(--tms-text-lg--line-height));
    --tw-font-weight: var(--tms-font-weight-light);
    font-weight: var(--tms-font-weight-light)
}

.tms-app .tms-component--header .tms-menu-item.current a {
    --tw-font-weight: var(--tms-font-weight-semibold);
    font-weight: var(--tms-font-weight-semibold);
    color: var(--tms-color-primary);
    text-decoration-line: underline
}

.tms-app .tms-component--header .tms-title-bar, .tms-app .tms-component--header .nav-bar-left, .tms-app .tms-component--header .nav-bar-right {
    border-radius: var(--tms-radius-2xl);
    color: var(--tms-color-white)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--header .tms-title-bar, .tms-app .tms-component--header .nav-bar-left, .tms-app .tms-component--header .nav-bar-right {
        color: var(--tms-color-black)
    }
}

.tms-app .tms-component--header .nav-bar-right {
    margin-right: calc(var(--tms-spacing) * 0);
    margin-left: auto
}

.tms-app .tms-component--header .tms-header-menu {
    margin: calc(var(--tms-spacing) * 0);
    align-items: center;
    gap: calc(var(--tms-spacing) * 2);
    display: flex
}

.tms-app .tms-component--header .brand {
    border-radius: var(--tms-radius-2xl);
    padding: calc(var(--tms-spacing) * 2);
    color: var(--tms-color-primary);
    justify-content: center;
    align-items: center;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--header .tms-title-bar, .tms-app .tms-component--header .tms-mobile-header-button {
        display: none
    }
}

.tms-app .tms-component--header .tms-title-bar {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--header .tms-title-bar {
        display: none
    }
}

.tms-app .tms-component--header .tms-mobile-header-button {
    color: var(--tms-color-black);
    align-items: center;
    display: flex
}

.tms-app .tms-component--header .nav-bar-left, .tms-app .tms-component--header .nav-bar-right {
    display: none
}

@media (min-width: 64rem) {
    .tms-app .tms-component--header .nav-bar-left, .tms-app .tms-component--header .nav-bar-right {
        display: flex
    }
}

.tms-app #tms-header-menu-mobile {
    top: calc(var(--tms-spacing) * 0);
    z-index: 50;
    background-color: var(--tms-color-white);
    width: 100%;
    height: 100%;
    padding: calc(var(--tms-spacing) * 4);
    display: none;
    position: fixed
}

.tms-app #tms-header-menu-mobile.active {
    display: block
}

.tms-app #tms-header-menu-mobile .tms-menu-item {
    margin-bottom: calc(var(--tms-spacing) * 2)
}

.tms-app #tms-header-menu-mobile .tms-menu-item a {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--tms-color-gray);
    padding-bottom: calc(var(--tms-spacing) * .5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--tms-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tms-default-transition-duration))
}

@media (hover: hover) {
    .tms-app #tms-header-menu-mobile .tms-menu-item a:hover {
        border-color: var(--tms-color-gray-light)
    }
}

.tms-app #tms-header-menu-mobile > button {
    top: calc(var(--tms-spacing) * 8);
    right: calc(var(--tms-spacing) * 4);
    position: absolute
}

.tms-app #tms-header-menu-mobile span:not(.brand) {
    padding-block: calc(var(--tms-spacing) * 2);
    font-size: var(--tms-text-xl);
    line-height: var(--tw-leading, var(--tms-text-xl--line-height));
    display: flex
}

.tms-app #tms-header-menu-mobile .brand img, .tms-app #tms-header-menu-mobile .brand svg {
    margin-bottom: calc(var(--tms-spacing) * 4);
    height: calc(var(--tms-spacing) * 12);
    width: auto
}

@layer button {
    .tms-app .tms-button {
        border-style: var(--tw-border-style);
        padding: calc(var(--tms-spacing) * 0);
        background-color: #0000;
        border-width: 0
    }
}

.tms-app .tms-select-replacement-wrapper {
    width: 100%;
    display: block
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-actions {
    padding-right: calc(var(--tms-spacing) * 2);
    justify-content: center;
    align-items: center;
    display: flex
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-actions .tms-open-button {
    justify-content: center;
    align-items: center;
    display: flex
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-input {
    z-index: 10;
    margin: calc(var(--tms-spacing) * 0);
    margin-block: calc(var(--tms-spacing) * 2);
    margin-left: calc(var(--tms-spacing) * 2);
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--tms-spacing) * .5);
    border-style: var(--tw-border-style);
    width: 100%;
    padding: calc(var(--tms-spacing) * 0);
    padding-left: calc(var(--tms-spacing) * 0);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    border-width: 0;
    flex-wrap: wrap;
    display: flex
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-label {
    width: auto;
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-top: calc(var(--tms-spacing) * 1);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height))
}

.tms-app .tms-select-replacement-wrapper svg {
    fill: var(--tms-color-gray)
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-item {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tms-spacing) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-gray-light);
    display: flex
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-select-replacement-wrapper .tms-select-replacement-item {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 50%, transparent)
    }
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-item {
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-block: calc(var(--tms-spacing) * .5);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height))
}

@media (hover: hover) {
    .tms-app .tms-select-replacement-wrapper .tms-select-replacement-item:hover {
        background-color: var(--tms-color-gray-light)
    }
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-item.tms-select-replacement-item-more, .tms-app .tms-select-replacement-wrapper .tms-select-replacement-item.tms-select-replacement-item-less {
    --tw-border-style: none;
    padding: calc(var(--tms-spacing) * 0);
    color: #00f;
    background-image: none;
    border-style: none;
    text-decoration-line: underline
}

@media (hover: hover) {
    :is(.tms-app .tms-select-replacement-wrapper .tms-select-replacement-item.tms-select-replacement-item-more,.tms-app .tms-select-replacement-wrapper .tms-select-replacement-item.tms-select-replacement-item-less):hover {
        background-color: #0000
    }
}

.tms-app .tms-select-replacement-wrapper .tms-select-replacement-item svg {
    fill: var(--tms-color-black)
}

.tms-app .tms-select-replacement-search {
    top: 100%;
    left: calc(var(--tms-spacing) * 0);
    z-index: 500;
    margin-top: calc(var(--tms-spacing) * 2);
    border-color: var(--tms-color-gray-light);
    width: 100%;
    max-height: 250px;
    padding: calc(var(--tms-spacing) * 2);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: #f4f5f7;
    position: absolute;
    overflow-y: auto
}

.tms-app .tms-select-replacement-search ul {
    flex-direction: column;
    width: 100%;
    display: flex
}

.tms-app .tms-select-replacement-search button {
    cursor: pointer
}

.tms-app .tms-select-replacement-search button:focus {
    --tw-outline-style: none;
    outline-style: none
}

.tms-app .tms-select-replacement-search li {
    margin-bottom: calc(var(--tms-spacing) * 2);
    cursor: pointer;
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-block: calc(var(--tms-spacing) * 2)
}

.tms-app .tms-select-replacement-search li:last-child {
    margin-bottom: calc(var(--tms-spacing) * 0)
}

.tms-app .tms-select-replacement-search li.tms-is-highlighted {
    background-color: var(--tms-color-gray);
    border-radius: .25rem
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-select-replacement-search li.tms-is-highlighted {
        background-color: color-mix(in oklab, var(--tms-color-gray) 25%, transparent)
    }
}

.tms-app .tms-select-replacement-placeholder {
    pointer-events: none;
    order: calc(1 * -1);
    padding-block: calc(var(--tms-spacing) * 0);
    opacity: .5
}

.tms-app .tms-select-replacement-wrapper {
    width: 100%
}

@media (min-width: 64rem) {
    .tms-app .tms-select-replacement-wrapper {
        min-width: 200px
    }
}

.tms-app .tms-component--socials .tms-component--sharing-icons {
    width: auto;
    padding: calc(var(--tms-spacing) * 0);
    flex-wrap: wrap;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials .tms-component--sharing-icons {
        justify-content: flex-end
    }
}

.tms-app .tms-component--socials .tms-component--sharing-icons .sharing-headline {
    margin-bottom: calc(var(--tms-spacing) * 2);
    width: 100%;
    font-size: var(--tms-text-lg);
    line-height: var(--tw-leading, var(--tms-text-lg--line-height));
    --tw-font-weight: var(--tms-font-weight-semibold);
    font-weight: var(--tms-font-weight-semibold);
    display: inline-block
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials .tms-component--sharing-icons .sharing-headline {
        text-align: right;
        font-size: var(--tms-text-xl);
        line-height: var(--tw-leading, var(--tms-text-xl--line-height))
    }
}

.tms-app .tms-component--socials .tms-component--sharing-icons .sharing-icons-wrapper {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

:where(.tms-app .tms-component--socials .tms-component--sharing-icons .sharing-icons-wrapper>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--tms-spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--tms-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))
}

.tms-app .tms-component--socials .tms-component--sharing-icons .sharing-icons-wrapper img {
    width: calc(var(--tms-spacing) * 6)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials .tms-component--sharing-icons .sharing-icons-wrapper img {
        width: calc(var(--tms-spacing) * 7)
    }
}

.tms-app .tms-component--socials .tms-component--follow-icons {
    width: auto;
    padding: calc(var(--tms-spacing) * 0);
    flex-wrap: wrap;
    display: flex
}

.tms-app .tms-component--socials .tms-component--follow-icons .follow-headline {
    margin-bottom: calc(var(--tms-spacing) * 2);
    width: 100%;
    font-size: var(--tms-text-lg);
    line-height: var(--tw-leading, var(--tms-text-lg--line-height));
    --tw-font-weight: var(--tms-font-weight-semibold);
    font-weight: var(--tms-font-weight-semibold);
    display: inline-block
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials .tms-component--follow-icons .follow-headline {
        font-size: var(--tms-text-xl);
        line-height: var(--tw-leading, var(--tms-text-xl--line-height))
    }
}

.tms-app .tms-component--socials .tms-component--follow-icons .follow-icons-wrapper {
    gap: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials .tms-component--follow-icons .follow-icons-wrapper {
        justify-content: flex-end
    }
}

.tms-app .tms-component--socials .tms-component--follow-icons .follow-icons-wrapper img {
    width: calc(var(--tms-spacing) * 6)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials .tms-component--follow-icons .follow-icons-wrapper img {
        width: calc(var(--tms-spacing) * 7)
    }
}

.tms-app .tms-component--socials {
    max-width: var(--tms-breakpoint-xl);
    padding-inline: calc(var(--tms-spacing) * 0);
    z-index: 1;
    margin-inline: auto;
    margin-bottom: calc(var(--tms-spacing) * 8)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--socials {
        padding-inline: calc(var(--tms-spacing) * 0)
    }
}

.tms-app .tms-component--footer {
    margin: calc(var(--tms-spacing) * 0);
    background-color: var(--tms-color-black);
    padding-block: calc(var(--tms-spacing) * 4);
    color: var(--tms-color-white);
    margin-top: calc(var(--tms-spacing) * 0);
    padding: calc(var(--tms-spacing) * 4);
    align-items: center
}

.tms-app .tms-component--footer .tms-footer-wrapper {
    justify-content: space-between;
    gap: calc(var(--tms-spacing) * 4);
    z-index: 10;
    margin-inline: calc(var(--tms-spacing) * 20);
    margin-top: calc(var(--tms-spacing) * 0);
    padding: calc(var(--tms-spacing) * 0);
    max-width: var(--tms-breakpoint-xl);
    flex-wrap: wrap;
    margin-inline: auto;
    display: flex
}

.tms-app .tms-component--footer .tms-footer-wrapper > div {
    width: 100%
}

@media (min-width: 64rem) {
    .tms-app .tms-component--footer .tms-footer-wrapper > div {
        width: auto
    }
}

.tms-app .tms-component--footer .tms-footer-wrapper > div .tms-footer-menu {
    -moz-column-gap: calc(var(--tms-spacing) * 4);
    column-gap: calc(var(--tms-spacing) * 4);
    display: flex
}

.tms-app .tms-user-logout-button, .tms-app .tms-user-action input {
    padding: calc(var(--tms-spacing) * 2);
    border-radius: .25rem
}

.tms-app tms-user-job-agent h1 {
    font-size: var(--tms-text-xl);
    line-height: var(--tw-leading, var(--tms-text-xl--line-height));
    --tw-font-weight: var(--tms-font-weight-medium);
    font-weight: var(--tms-font-weight-medium)
}

@media (min-width: 48rem) {
    .tms-app tms-user-job-agent h1 {
        font-size: var(--tms-text-2xl);
        line-height: var(--tw-leading, var(--tms-text-2xl--line-height))
    }
}

@media (min-width: 64rem) {
    .tms-app tms-user-job-agent h1 {
        margin-bottom: calc(var(--tms-spacing) * 4);
        font-size: var(--tms-text-3xl);
        line-height: var(--tw-leading, var(--tms-text-3xl--line-height))
    }
}

.tms-app tms-job-agent > div {
    gap: calc(var(--tms-spacing) * 4);
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-gray-light);
    flex-wrap: wrap;
    display: flex
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app tms-job-agent > div {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 10%, transparent)
    }
}

.tms-app tms-job-agent > div {
    padding: calc(var(--tms-spacing) * 2)
}

@media (min-width: 64rem) {
    .tms-app tms-job-agent > div {
        padding: calc(var(--tms-spacing) * 4)
    }
}

.tms-app tms-job-agent > div .tms-job-agent-saved-filter {
    gap: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    width: 100%;
    display: flex
}

.tms-app tms-job-agent > div .tms-job-agent-next-send-time-value {
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app tms-job-agent > div .tms-job-agent-saved-filter-headline {
    width: 100%
}

.tms-app tms-job-agent > div ul {
    gap: calc(var(--tms-spacing) * 2);
    flex-flow: wrap;
    display: flex
}

.tms-app tms-job-agent > div ul li {
    background-color: var(--tms-color-gray-light);
    padding: calc(var(--tms-spacing) * 1);
    padding-inline: calc(var(--tms-spacing) * 2);
    border-radius: .25rem
}

.tms-app tms-job-agent > div .tms-job-agent-send {
    gap: calc(var(--tms-spacing) * 4);
    width: auto;
    display: flex
}

.tms-app .tms-component.tms-component--user {
    margin-top: calc(var(--tms-spacing) * 0);
    padding-block: calc(var(--tms-spacing) * 4);
    margin-bottom: auto
}

@media (min-width: 64rem) {
    .tms-app .tms-component.tms-component--user {
        padding-block: calc(var(--tms-spacing) * 8)
    }
}

.tms-app .tms-component.tms-component--user {
    z-index: 10;
    margin-top: calc(var(--tms-spacing) * 0);
    padding: calc(var(--tms-spacing) * 4)
}

@media (min-width: 64rem) {
    .tms-app .tms-component.tms-component--user {
        margin-inline: calc(var(--tms-spacing) * 20)
    }
}

.tms-app .tms-component.tms-component--user .tms-component-container {
    max-width: var(--tms-breakpoint-xl);
    gap: calc(var(--tms-spacing) * 4);
    border-radius: var(--tms-radius-lg);
    padding: calc(var(--tms-spacing) * 4);
    margin-inline: auto
}

@media (min-width: 64rem) {
    .tms-app .tms-component.tms-component--user .tms-component-container {
        padding: calc(var(--tms-spacing) * 8)
    }
}

.tms-app .tms-component.tms-component--user .tms-user-setting {
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--tms-color-gray-light);
    border-bottom-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-gray-light)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component.tms-component--user .tms-user-setting {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 10%, transparent)
    }
}

.tms-app .tms-component.tms-component--user .tms-user-recover-password-email, .tms-app .tms-component.tms-component--user .tms-user-login-email, .tms-app .tms-component.tms-component--user .tms-user-login-password {
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-white);
    width: 100%;
    padding: calc(var(--tms-spacing) * 2)
}

.tms-app .tms-component.tms-component--user .tms-user-actions-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--tms-spacing) * 4);
    flex-flow: column wrap;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component.tms-component--user .tms-user-actions-wrap {
        margin-bottom: calc(var(--tms-spacing) * 8)
    }
}

.tms-app .tms-component.tms-component--user * {
    outline: none
}

.tms-app .tms-component.tms-component--user .tms-user-errors.has-error {
    margin-bottom: calc(var(--tms-spacing) * 4);
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-alert);
    background-color: var(--tms-color-alert);
    width: auto;
    display: inline-flex
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component.tms-component--user .tms-user-errors.has-error {
        background-color: color-mix(in oklab, var(--tms-color-alert) 10%, transparent)
    }
}

.tms-app .tms-component.tms-component--user .tms-user-errors.has-error {
    padding: calc(var(--tms-spacing) * 4);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height));
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold);
    color: var(--tms-color-alert)
}

.tms-app .tms-component.tms-component--user .tms-user-errors.has-error * {
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app .tms-component.tms-component--user .tms-user-action--input, .tms-app .tms-component.tms-component--user button, .tms-app .tms-component.tms-component--user [type=submit] {
    background-color: var(--tms-color-primary)
}

:is(.tms-app .tms-component.tms-component--user .tms-user-action--input,.tms-app .tms-component.tms-component--user button,.tms-app .tms-component.tms-component--user [type=submit]):disabled {
    cursor: not-allowed;
    background-color: var(--tms-color-primary)
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.tms-app .tms-component.tms-component--user .tms-user-action--input,.tms-app .tms-component.tms-component--user button,.tms-app .tms-component.tms-component--user [type=submit]):disabled {
        background-color: color-mix(in oklab, var(--tms-color-primary) 20%, transparent)
    }
}

.tms-app .tms-component.tms-component--user .tms-select-replacement-actions button {
    background-color: #0000
}

.tms-app .tms-component.tms-component--user .tms-job-agent-button {
    cursor: pointer;
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height));
    background-color: #0000;
    text-decoration-line: underline
}

.tms-app .tms-component.tms-component--user [type=checkbox] {
    appearance: none;
    margin-right: calc(var(--tms-spacing) * 2);
    box-sizing: border-box;
    height: calc(var(--tms-spacing) * 4);
    width: calc(var(--tms-spacing) * 4);
    background-color: var(--tms-color-alert);
    display: inline-block
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component.tms-component--user [type=checkbox] {
        background-color: color-mix(in oklab, var(--tms-color-alert) 25%, transparent)
    }
}

.tms-app .tms-component.tms-component--user [type=checkbox] {
    padding: calc(var(--tms-spacing) * 0);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    width: 1rem !important;
    height: 1rem !important
}

.tms-app .tms-component.tms-component--user [type=checkbox]:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--tms-color-primary);
    --tw-outline-style: none;
    outline-style: none
}

.tms-app .tms-component.tms-component--user [type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 434 434'%3E%3Cpath d='M162.6 343.6c-4.5 0-9.1-1.7-12.6-5.2L41.3 229.6c-6.9-6.9-6.9-18.2 0-25.1 6.9-6.9 18.2-6.9 25.1 0l96.2 96.2 205-205c6.9-6.9 18.2-6.9 25.1 0 6.9 6.9 6.9 18.2 0 25.1L175.2 338.3c-3.5 3.5-8 5.3-12.6 5.3z'/%3E%3C/svg%3E");
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-color: var(--tms-color-success);
    border-color: #0000
}

.tms-app tms-user {
    gap: calc(var(--tms-spacing) * 4);
    flex-direction: column;
    display: flex
}

.tms-app tms-user .tms-job-agent-filter-value--category {
    display: none
}

.tms-app tms-user .tms-select-replacement-wrapper .tms-select-replacement-input {
    margin: calc(var(--tms-spacing) * 0)
}

.tms-app tms-user #tms-user-wrap form {
    gap: calc(var(--tms-spacing) * 6);
    display: grid
}

.tms-app tms-user #tms-user-wrap form header h2 {
    margin: calc(var(--tms-spacing) * 0)
}

.tms-app tms-user #tms-user-wrap form header p {
    display: none
}

.tms-app tms-user .tms-select-replacement {
    padding: calc(var(--tms-spacing) * 2);
    position: relative
}

.tms-app tms-user .tms-select-replacement-search {
    position: absolute
}

.tms-app tms-user .pac-target-input {
    min-width: calc(var(--tms-spacing) * 72)
}

.tms-app tms-user .tms-select-replacement-item-li [type=button], .tms-app tms-user .tms-select-replacement-item-li button {
    background-color: #0000
}

.tms-app tms-user .tms-input-label-wrapper {
    height: 100%;
    padding-top: calc(var(--tms-spacing) * 4);
    border-color: var(--tms-color-gray-light);
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.tms-app tms-user .tms-select-replacement-wrapper {
    border-color: var(--tms-color-gray-light);
    position: relative
}

.tms-app tms-user .tms-select-replacement-label {
    opacity: .5
}

.tms-app tms-user .tms-multiple-allowed, .tms-app tms-user .tms-label {
    top: calc(var(--tms-spacing) * 1);
    left: calc(var(--tms-spacing) * 2);
    width: auto;
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height));
    opacity: .5;
    position: absolute
}

:is(.tms-app tms-user .tms-multiple-allowed,.tms-app tms-user .tms-label) span {
    left: calc(var(--tms-spacing) * 0);
    margin-right: calc(var(--tms-spacing) * 1);
    width: auto;
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height));
    background-color: #0000;
    display: inline-block;
    position: relative
}

.tms-app tms-user .tms-multiple-allowed {
    top: calc(var(--tms-spacing) * -5);
    right: calc(var(--tms-spacing) * 0);
    margin-inline: calc(var(--tms-spacing) * 2);
    left: auto
}

.tms-app tms-user .tms-multiple-allowed:before {
    content: "i";
    height: calc(var(--tms-spacing) * 4);
    width: calc(var(--tms-spacing) * 4);
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--tms-color-primary);
    text-align: center;
    color: var(--tms-color-white);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: inline-block
}

.tms-app tms-user .tms-input-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--tms-spacing) * 2);
    padding: calc(var(--tms-spacing) * 2);
    padding-left: calc(var(--tms-spacing) * 2);
    flex-flow: wrap;
    display: flex
}

.tms-app tms-user .tms-user-recover-password-wrap, .tms-app tms-user .tms-user-login-wrap {
    max-width: var(--tms-container-xl);
    gap: calc(var(--tms-spacing) * 4);
    display: grid
}

:is(.tms-app tms-user .tms-user-recover-password-wrap,.tms-app tms-user .tms-user-login-wrap) .tms-input-wrapper {
    padding-bottom: calc(var(--tms-spacing) * 0)
}

.tms-app tms-user .tms-user-settings-wrap {
    margin-block: calc(var(--tms-spacing) * 4);
    gap: calc(var(--tms-spacing) * 4);
    display: grid
}

@media (min-width: 64rem) {
    .tms-app tms-user .tms-user-settings-wrap {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.tms-app tms-user .tms-user-settings-wrap .tms-user-settings-saving, .tms-app tms-user .tms-user-settings-wrap .tms-user-settings-header {
    grid-column: 1/-1
}

.tms-app tms-user .tms-user-settings-wrap .tms-user-setting.tms-user-setting-checkbox label {
    background-color: var(--tms-color-white);
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-block: calc(var(--tms-spacing) * 4);
    border-radius: .25rem;
    align-items: center;
    display: flex
}

.tms-app tms-user .tms-user-setting-disabled .tms-input-label-wrapper {
    cursor: not-allowed;
    background-color: var(--tms-color-gray-light)
}

.tms-app tms-user .tms-user-setting-disabled .tms-input-label-wrapper input {
    pointer-events: none;
    color: var(--tms-color-gray)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app tms-user .tms-user-setting-disabled .tms-input-label-wrapper input {
        color: color-mix(in oklab, var(--tms-color-gray) 60%, transparent)
    }
}

.tms-app tms-user .tms-user-action-link a {
    cursor: pointer
}

.tms-app tms-user .tms-jobagent-infos-wrap {
    gap: calc(var(--tms-spacing) * 4);
    grid-template-columns:repeat(1, minmax(0, 1fr));
    display: grid
}

.tms-app tms-user .tms-jobagent-info {
    gap: calc(var(--tms-spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--tms-color-gray-light);
    padding: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    grid-column: span 1/span 1;
    display: flex
}

.tms-app tms-user .tms-jobagent-info .tms-jobagent-send, .tms-app tms-user .tms-jobagent-info .tms-jobagent-interval {
    width: auto
}

.tms-app tms-user .tms-jobagent-info .tms-jobagent-last-send-time-value, .tms-app tms-user .tms-jobagent-info .tms-jobagent-interval-value {
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app tms-user .tms-jobagent-info .tms-jobagent-saved-filter {
    gap: calc(var(--tms-spacing) * 4);
    flex-wrap: wrap;
    width: 100%;
    display: flex
}

.tms-app tms-user .tms-jobagent-info .tms-jobagent-saved-filter .tms-jobagent-filter-values, .tms-app tms-user .tms-jobagent-info .tms-jobagent-saved-filter .tms-jobagent-saved-filter-headline {
    width: 100%
}

.tms-app tms-user .tms-jobagent-info .tms-jobagent-saved-filter .tms-jobagent-filter-values {
    gap: calc(var(--tms-spacing) * 2);
    flex-wrap: wrap;
    display: flex
}

.tms-app tms-user .tms-jobagent-info .tms-jobagent-saved-filter .tms-jobagent-filter-values .tms-jobagent-filter-value {
    background-color: var(--tms-color-gray-light);
    padding: calc(var(--tms-spacing) * 2);
    font-size: var(--tms-text-xs);
    line-height: var(--tw-leading, var(--tms-text-xs--line-height))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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