/*! 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-outline-style: solid;
            --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-outline-style: solid;
            --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: "JetBrains Mono", monospace;
        --tms-spacing: .25rem;
        --tms-breakpoint-sm: 40rem;
        --tms-breakpoint-xl: 80rem;
        --tms-breakpoint-2xl: 96rem;
        --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-radius-sm: .25rem;
        --tms-radius-lg: .5rem;
        --tms-radius-xl: .75rem;
        --tms-radius-4xl: 2rem;
        --tms-drop-shadow-lg: 0 4px 4px #00000026;
        --tms-animate-spin: spin 1s linear infinite;
        --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: #00253e;
        --tms-color-primary-accent: #432dd7;
        --tms-color-secondary: #cde4c4;
        --tms-color-accent: #00baa7;
        --tms-color-alert: #e40014;
        --tms-color-warning: #fcbb00;
        --tms-color-success: #80cd00;
        --tms-color-outline: #0029dc;
        --tms-color-black: #000;
        --tms-color-white: #fff;
        --tms-color-gray-light: #cad5e2;
        --tms-color-gray: #24252a;
        --tms-color-gray-dark: #101828
    }

    @supports (color:lab(0% 0 0)) {
        :root, :host {
            --tms-color-primary-accent: lab(32.4486% 49.2217 -84.6695);
            --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-outline: lab(27.5681% 65.0938 -106.935);
            --tms-color-gray-light: lab(84.7652% -1.94535 -7.93337);
            --tms-color-gray-dark: lab(8.11897% .811279 -12.254)
        }
    }
}
@layer base {
    #tms-remotejoblist ::-ms-backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    #tms-remotejoblist ul {
        margin-left: 0 !important;
        list-style-type: none !important;
    }
    #tms-remotejoblist input[type='text'] {
        height: 2rem;
    }
    #tms-remotejoblist [type=text] {
        height: 1.5rem !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    #tms-remotejoblist *, #tms-remotejoblist :after, #tms-remotejoblist :before, #tms-remotejoblist ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    #tms-remotejoblist html, #tms-remotejoblist :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
    }

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

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

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

    #tms-remotejoblist a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    #tms-remotejoblist b, #tms-remotejoblist strong {
        font-weight: bolder
    }

    #tms-remotejoblist code, #tms-remotejoblist kbd, #tms-remotejoblist samp, #tms-remotejoblist 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
    }

    #tms-remotejoblist small {
        font-size: 80%
    }

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

    #tms-remotejoblist sub {
        bottom: -.25em
    }

    #tms-remotejoblist sup {
        top: -.5em
    }

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

    #tms-remotejoblist :-moz-focusring {
        outline: auto
    }

    #tms-remotejoblist progress {
        vertical-align: baseline
    }

    #tms-remotejoblist summary {
        display: list-item
    }

    #tms-remotejoblist ol, #tms-remotejoblist ul, #tms-remotejoblist menu {
        list-style: none
    }

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

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

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

    #tms-remotejoblist ::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
    }

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

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

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

    #tms-remotejoblist ::-moz-placeholder {
        opacity: 1
    }

    #tms-remotejoblist :-ms-placeholder-shown {
        opacity: 1
    }

    #tms-remotejoblist ::placeholder {
        opacity: 1
    }

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

        #tms-remotejoblist :-ms-placeholder-shown {
            color: currentColor
        }

        #tms-remotejoblist ::placeholder {
            color: currentColor
        }

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

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

            #tms-remotejoblist ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }#tms-remotejoblist textarea {
         resize: vertical
     }

    #tms-remotejoblist ::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

    #tms-remotejoblist ::-webkit-datetime-edit {
        display: inline-flex
    }

    #tms-remotejoblist ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    #tms-remotejoblist ::-webkit-datetime-edit {
        padding-block: 0
    }

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

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

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

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

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

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

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

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

    #tms-remotejoblist ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    #tms-remotejoblist :-moz-ui-invalid {
        box-shadow: none
    }

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

    #tms-remotejoblist ::file-selector-button {
        appearance: button
    }

    #tms-remotejoblist ::-webkit-inner-spin-button {
        height: auto
    }

    #tms-remotejoblist ::-webkit-outer-spin-button {
        height: auto
    }

    #tms-remotejoblist [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}
@layer components;
@layer utilities {
    #tms-remotejoblist .tms-app .tms\:absolute {
        position: absolute
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @supports (color:color-mix(in lab, red, red)) {
        #tms-remotejoblist .tms-app .tms\:border-gray-light\/40 {
            border-color: color-mix(in oklab, var(--tms-color-gray-light) 40%, transparent)
        }
    }#tms-remotejoblist .tms-app .tms\:border-b-gray-light {
         border-bottom-color: var(--tms-color-gray-light)
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #tms-remotejoblist .tms-app .tms\:font-bold {
        --tw-font-weight: var(--tms-font-weight-bold);
        font-weight: var(--tms-font-weight-bold)
    }

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

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

    #tms-remotejoblist .tms-app .tms\:font-normal {
        --tw-font-weight: var(--tms-font-weight-normal);
        font-weight: var(--tms-font-weight-normal)
    }

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

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

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

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

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

    #tms-remotejoblist .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-remotejoblist .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-remotejoblist .tms-app .tms\:md\:grid-cols-1 {
            grid-template-columns:repeat(1, minmax(0, 1fr))
        }

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

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

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

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

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

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

    #tms-remotejoblist .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-remotejoblist .tms-component-container {
            margin-block: calc(var(--tms-spacing) * 8);
            padding-inline: calc(var(--tms-spacing) * 8)
        }
    }#tms-remotejoblist 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) {
        #tms-remotejoblist h1 {
            font-size: var(--tms-text-3xl);
            line-height: var(--tw-leading, var(--tms-text-3xl--line-height))
        }
    }@media (min-width: 64rem) {
    #tms-remotejoblist 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))
    }
}#tms-remotejoblist 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) {
        #tms-remotejoblist h2 {
            font-size: var(--tms-text-2xl);
            line-height: var(--tw-leading, var(--tms-text-2xl--line-height))
        }
    }@media (min-width: 64rem) {
    #tms-remotejoblist 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))
    }
}#tms-remotejoblist 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) {
        #tms-remotejoblist h3 {
            font-size: var(--tms-text-xl);
            line-height: var(--tw-leading, var(--tms-text-xl--line-height))
        }
    }@media (min-width: 64rem) {
    #tms-remotejoblist 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))
    }
}#tms-remotejoblist 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) {
        #tms-remotejoblist h4 {
            font-size: var(--tms-text-lg);
            line-height: var(--tw-leading, var(--tms-text-lg--line-height))
        }
    }@media (min-width: 64rem) {
    #tms-remotejoblist 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-remotejoblist .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-remotejoblist .tms-button:hover {
            background-color: #0000
        }
    }#tms-remotejoblist .tms-button --larger {
         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))
     }

    #tms-remotejoblist .tms-button --large {
        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))
    }

    #tms-remotejoblist .tms-button --small {
        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))
    }

    #tms-remotejoblist .tms-button --smaller {
        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))
    }

    #tms-remotejoblist .tms-button --no-border {
        border-color: #0000
    }
}
@layer buttons;

.pac-container.pac-logo {
    min-width: 150px !important
}

.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-radius: var(--tms-radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    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));
    display: flex
}

@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;
    border-radius: .25rem;
    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--joblist .tms-create-jobagent-wrapper {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--tms-spacing) * 2);
    border-radius: var(--tms-radius-lg);
    background-color: var(--tms-color-gray-light);
    flex-direction: column;
    display: flex
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-create-jobagent-wrapper {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 25%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-wrapper {
    padding: calc(var(--tms-spacing) * 4);
    text-align: center;
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-create-jobagent-wrapper {
        text-align: left;
        font-size: var(--tms-text-lg);
        line-height: var(--tw-leading, var(--tms-text-lg--line-height));
        flex-direction: column;
        align-items: flex-start
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-wrapper {
    background-image: url(https://cdn.eu.talention.com/jobs.osg.de/layers/img/mesh-gradient.png);
    background-repeat: repeat;
    background-size: 250%
}

:is(.tms-app .tms-component--joblist .tms-create-jobagent-wrapper,.tms-app .tms-component--joblist .tms-create-jobagent-mask) button:not(.tms-create-jobagent-mask-already-registered-button):not(.tms-create-jobagent-mask-not-registered-button):not(.tms-create-jobagent-mask-close-button) {
    border-radius: var(--tms-radius-xl);
    border-style: var(--tw-border-style);
    --tw-border-style: none;
    border-style: none;
    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));
    --tw-font-weight: var(--tms-font-weight-normal);
    font-weight: var(--tms-font-weight-normal);
    color: var(--tms-color-white)
}

.tms-app .tms-component--joblist .tms-create-jobagent-error {
    background-color: var(--tms-color-alert);
    padding: calc(var(--tms-spacing) * 2);
    color: var(--tms-color-white);
    border-radius: .25rem
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-create-jobagent-error {
        padding: calc(var(--tms-spacing) * 4)
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask {
    justify-content: space-between;
    gap: calc(var(--tms-spacing) * 4);
    background-color: var(--tms-color-gray-light);
    border-radius: .25rem;
    flex-direction: column;
    display: flex;
    position: relative
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-create-jobagent-mask {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 25%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask {
    padding: calc(var(--tms-spacing) * 4)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-create-jobagent-mask {
        padding: calc(var(--tms-spacing) * 8)
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask .tms-create-jobagent-mask-values-headline {
    font-size: var(--tms-text-lg);
    line-height: var(--tw-leading, var(--tms-text-lg--line-height));
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask .tms-create-jobagent-mask-close-button {
    top: calc(var(--tms-spacing) * 4);
    right: calc(var(--tms-spacing) * 4);
    --tw-border-style: none;
    font-size: var(--tms-text-3xl);
    line-height: var(--tw-leading, var(--tms-text-3xl--line-height));
    color: var(--tms-color-black);
    background-color: #0000;
    border-style: none;
    position: absolute
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask form {
    align-items: flex-start;
    gap: calc(var(--tms-spacing) * 2);
    flex-direction: column;
    display: flex
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask .tms-create-jobagent-mask-action-wrap button {
    text-decoration-line: underline
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask ul {
    gap: calc(var(--tms-spacing) * .5);
    flex-direction: column;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-create-jobagent-mask ul {
        gap: calc(var(--tms-spacing) * 2);
        flex-direction: row
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask ul li:first-of-type {
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask ul li:first-of-type:after {
    content: ":"
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask [type=text], .tms-app .tms-component--joblist .tms-create-jobagent-mask [type=password] {
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-white);
    width: 100%;
    height: auto;
    padding: calc(var(--tms-spacing) * 2);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    --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);
    transition-property: none;
    display: block
}

:is(.tms-app .tms-component--joblist .tms-create-jobagent-mask [type=text],.tms-app .tms-component--joblist .tms-create-jobagent-mask [type=password]):focus {
    border-color: var(--tms-color-gray)
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask [for=email] {
    gap: calc(var(--tms-spacing) * 2);
    flex-direction: column;
    width: 100%;
    display: flex
}

.tms-app .tms-component--joblist .tms-create-jobagent-mask [type=checkbox] {
    appearance: none;
    top: calc(var(--tms-spacing) * .5);
    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;
    position: relative
}

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

.tms-app .tms-component--joblist .tms-create-jobagent-mask [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--joblist .tms-create-jobagent-mask [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--joblist .tms-create-jobagent-mask [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-component--joblist .tms-create-jobagent-success {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--tms-spacing) * 4);
    background-color: var(--tms-color-success);
    border-radius: .25rem;
    flex-direction: column;
    display: flex
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-create-jobagent-success {
        background-color: color-mix(in oklab, var(--tms-color-success) 50%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-create-jobagent-success {
    padding: 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-bold);
    font-weight: var(--tms-font-weight-bold)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-create-jobagent-success {
        padding: calc(var(--tms-spacing) * 8);
        flex-direction: row
    }
}

.tms-app .tms-component--joblist .tms-skeleton-filter-wrap {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    flex-direction: column;
    width: 100%;
    margin-top: 4rem;
    margin-bottom: .5rem;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden
}

.tms-app .tms-component--joblist .tms-skeleton-filter-wrap:before {
    content: "";
    background: linear-gradient(90deg, #0000 0%, #fff 2%, #0000 70%);
    width: 150px;
    height: 100%;
    animation: 2s cubic-bezier(.4, 0, .2, 1) infinite load;
    display: block;
    position: absolute;
    top: 0;
    left: -150px
}

.tms-app .tms-component--joblist .tms-skeleton-wrap {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    flex-direction: column;
    width: 100%;
    margin-bottom: .5rem;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden
}

.tms-app .tms-component--joblist .tms-skeleton-wrap:before {
    content: "";
    background: linear-gradient(90deg, #0000 0%, #fff 2%, #0000 70%);
    width: 150px;
    height: 100%;
    animation: 2s cubic-bezier(.4, 0, .2, 1) infinite load;
    display: block;
    position: absolute;
    top: 0;
    left: -150px
}

.tms-app .tms-component--joblist .tms-skeleton-title {
    background: #ccc;
    border-radius: 4px;
    height: 2rem;
    display: block
}

@media screen and (min-width: 1024px) {
    .tms-app .tms-component--joblist .tms-skeleton-title {
        width: 85%;
        max-width: 700px
    }
}

.tms-app .tms-component--joblist .tms-skeleton-location {
    background: #ccc;
    border-radius: 4px;
    height: 1.25rem;
    margin-top: .5rem;
    display: block
}

@media screen and (min-width: 1024px) {
    .tms-app .tms-component--joblist .tms-skeleton-location {
        width: 85%;
        max-width: 400px
    }
}

.tms-app .tms-component--joblist .tms-skeleton-filter-button-wrap {
    flex-wrap: wrap;
    margin-top: .5rem;
    display: flex
}

.tms-app .tms-component--joblist .tms-skeleton-filter-button {
    background: lighten(#333, 50%);
    border-radius: 4px;
    width: 100%;
    height: 42px;
    margin-bottom: .5rem;
    display: flex
}

@media screen and (min-width: 1024px) {
    .tms-app .tms-component--joblist .tms-skeleton-filter-button {
        width: 50%;
        max-width: 150px;
        margin-bottom: 0;
        margin-right: .5rem
    }
}

.tms-app .tms-component--joblist .tms-skeleton-filter-button-reset {
    background: #ffe2e2
}

.tms-app .tms-component--joblist .tms-skeleton-filter-property-wrap {
    flex-wrap: wrap;
    display: flex
}

.tms-app .tms-component--joblist .tms-skeleton-property-wrap {
    margin-top: .5rem;
    display: flex
}

@media screen and (min-width: 1024px) {
    .tms-app .tms-component--joblist .tms-skeleton-property-wrap {
        align-self: flex-end;
        margin-top: 0
    }
}

.tms-app .tms-component--joblist .tms-skeleton-filter-property {
    border: 2px solid #e2e2e2;
    border-radius: 4px;
    width: 100%;
    height: 2.5rem;
    margin-bottom: .5rem;
    display: flex
}

@media screen and (min-width: 1024px) {
    .tms-app .tms-component--joblist .tms-skeleton-filter-property {
        width: 33%;
        margin-bottom: 0;
        margin-right: .25rem
    }
}

.tms-app .tms-component--joblist .tms-skeleton-property {
    background: #ccc;
    border-radius: 4px;
    width: 5rem;
    height: 1rem;
    margin-right: .25rem;
    display: flex
}

.tms-app .tms-component--joblist #tms-filter-wrap .highlight {
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-city-list {
        border-color: color-mix(in oklab, var(--tms-color-gray-light) 10%, transparent)
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-item--select {
    align-items: stretch;
    gap: calc(var(--tms-spacing) * 2);
    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) * 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-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .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
}

.tms-app .tms-component--joblist #tms-filter-wrap [type=text]:active, .tms-app .tms-component--joblist #tms-filter-wrap [type=text]:focus, .tms-app .tms-component--joblist #tms-filter-wrap [type=text] {
    --tw-border-style: none;
    --tw-outline-style: none;
    border-style: none;
    outline-style: none
}

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

.tms-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-city-list-item.tms-city-is-highlighted {
        background-color: color-mix(in oklab, var(--tms-color-primary-accent) 25%, transparent)
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-wrapper {
        grid-column: span 1/span 1;
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-wrapper .tms-placeholder {
        padding: calc(var(--tms-spacing) * 0)
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .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-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-wrapper .tms-filter-item-input-inner {
    padding: calc(var(--tms-spacing) * 0);
    position: relative
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-geosearch-wrapper .tms-filter-item.tms-geosearch-item {
    flex-wrap: wrap
}

.tms-app .tms-component--joblist #tms-filter-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-app .tms-component--joblist #tms-filter-wrap .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
}

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

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

.tms-app .tms-component--joblist .tms-component-container {
    max-width: var(--tms-breakpoint-xl);
    margin-inline: auto
}

.tms-app .tms-component--joblist .joblist-maxresults > * {
    font-size: var(--tms-text-2xl);
    line-height: var(--tw-leading, var(--tms-text-2xl--line-height));
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .joblist-maxresults > * {
        margin-block: calc(var(--tms-spacing) * 3);
        font-size: var(--tms-text-4xl);
        line-height: var(--tw-leading, var(--tms-text-4xl--line-height));
        --tw-font-weight: var(--tms-font-weight-bold);
        font-weight: var(--tms-font-weight-bold)
    }
}

.tms-app .tms-component--joblist #tms-joblist-wrap {
    gap: calc(var(--tms-spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 0;
    display: grid
}

.tms-app .tms-component--joblist .tms-filter-item--input .tms-placeholder {
    padding-inline: calc(var(--tms-spacing) * 0)
}

.tms-app .tms-component--joblist #tms-filter-wrap {
    z-index: 2;
    gap: calc(var(--tms-spacing) * 4);
    grid-template-columns:repeat(2, minmax(0, 1fr));
    width: 100%;
    display: grid
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap {
    gap: calc(var(--tms-spacing) * 4);
    width: 100%;
    display: grid
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended {
    margin-bottom: calc(var(--tms-spacing) * 2);
    gap: calc(var(--tms-spacing) * 4);
    grid-column: 1/-1;
    display: grid
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended {
        grid-column: span 3/span 3;
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-filter-item {
    margin: calc(var(--tms-spacing) * 0);
    min-height: calc(var(--tms-spacing) * 0);
    padding: calc(var(--tms-spacing) * 0);
    grid-area: 1/1/-1/-1
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-filter-item {
        grid-column: span 1/span 1
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-filter-item.tms-filter-item--desired_field_of_interest {
    grid-row: span 1/span 1
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-button--extended-filter-wrapper {
    grid-column: 1/-1
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper {
    gap: calc(var(--tms-spacing) * 2);
    width: 100%;
    padding: calc(var(--tms-spacing) * 0);
    grid-column: 1/-1;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    display: grid
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper:empty {
    display: none
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper .tms-filter-item {
    padding-inline: calc(var(--tms-spacing) * 0);
    padding-block: calc(var(--tms-spacing) * 2);
    grid-column: 1/-1
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper .tms-filter-item {
        grid-column: span 1/span 1
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper .tms-filter-item .tms-select-replacement-label {
    padding-top: calc(var(--tms-spacing) * 0)
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-extended-filter-wrapper .tms-filter-item .tms-select-replacement-input {
    margin-bottom: calc(var(--tms-spacing) * 0)
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-button--extended-filter-close, .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-button--extended-filter-open {
    cursor: pointer;
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--tms-color-black);
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-block: calc(var(--tms-spacing) * 1);
    font-size: var(--tms-text-sm);
    line-height: var(--tw-leading, var(--tms-text-sm--line-height));
    color: var(--tms-color-black);
    background-color: #0000
}

@media (hover: hover) {
    :is(.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-button--extended-filter-close,.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item-wrap .tms-filter-item-wrap-extended .tms-button--extended-filter-open):hover {
        border-color: var(--tms-color-primary);
        color: var(--tms-color-primary);
        background-color: #0000
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap {
    gap: calc(var(--tms-spacing) * 4);
    grid-column: span 2/span 2;
    width: 100%;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap {
        grid-column: span 1/span 1
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap a, .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap button {
    cursor: pointer;
    background-color: var(--tms-color-primary);
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--tms-spacing) * 3);
    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));
    color: var(--tms-color-white)
}

@media (hover: hover) {
    :is(.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap a,.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap button):hover {
        background-color: var(--tms-color-secondary);
        color: var(--tms-color-black)
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-button-wrap .tms-filter-button--reset {
    background-color: var(--tms-color-gray)
}

.tms-app .tms-component--joblist #tms-filter-wrap input[type=checkbox] {
    margin-block: calc(var(--tms-spacing) * .5);
    width: calc(var(--tms-spacing) * 10);
    appearance: none;
    border-radius: var(--tms-radius-4xl);
    background-color: var(--tms-color-gray-light);
    padding: calc(var(--tms-spacing) * 1);
    display: inline-flex
}

.tms-app .tms-component--joblist #tms-filter-wrap input[type=checkbox]:checked {
    background-color: var(--tms-color-primary)
}

.tms-app .tms-component--joblist #tms-filter-wrap input[type=checkbox]:checked:before {
    left: calc(var(--tms-spacing) * 4)
}

.tms-app .tms-component--joblist #tms-filter-wrap input[type=checkbox]:before {
    content: "";
    background: #fff;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    transition: all .2s ease-in-out;
    display: inline-block;
    position: relative;
    left: 0
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-white);
    padding-bottom: calc(var(--tms-spacing) * 0);
    grid-column: span 2/span 2;
    display: flex;
    position: relative
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item {
        grid-column: span 1/span 1
    }
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item.tms-filter-item--checkbox {
    border-style: var(--tw-border-style);
    outline-style: var(--tw-outline-style);
    background-color: #0000;
    border-width: 0;
    border-color: #0000;
    outline-width: 0;
    order: 1;
    justify-self: flex-start;
    align-items: center;
    width: auto
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item.tms-filter-item--checkbox.tms-is-in-focus {
    border-style: var(--tw-border-style);
    outline-style: var(--tw-outline-style);
    border-width: 0;
    outline-width: 0
}

.tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item.tms-filter-item--checkbox.tms-is-in-focus [type=checkbox], .tms-app .tms-component--joblist #tms-filter-wrap .tms-filter-item.tms-is-in-focus {
    border-color: var(--tms-color-outline);
    outline-style: var(--tw-outline-style);
    outline-offset: 4px;
    outline-width: 2px;
    outline-color: var(--tms-color-outline)
}

.tms-app .tms-component--joblist .tms-job-list-no-hits {
    margin-block: calc(var(--tms-spacing) * 2);
    border-radius: var(--tms-radius-xl);
    background-color: var(--tms-color-gray-light)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-job-list-no-hits {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 25%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-job-list-no-hits {
    padding: calc(var(--tms-spacing) * 4);
    color: var(--tms-color-gray-dark)
}

.tms-app .tms-component--joblist .tms-job-list-no-hits a {
    text-decoration-line: underline
}

.tms-app .tms-component--joblist .tms-job-list-no-hits .tms-job-list-no-hits-intro {
    font-size: var(--tms-text-lg);
    line-height: var(--tw-leading, var(--tms-text-lg--line-height));
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold)
}

.tms-app .tms-component--joblist .tms-select-replacement-label {
    color: var(--tms-color-gray-dark)
}

.tms-app .tms-component--joblist .tms-label {
    width: 100%;
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-top: calc(var(--tms-spacing) * 0);
    padding-top: calc(var(--tms-spacing) * 1);
    color: var(--tms-color-gray-dark)
}

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

.tms-app .tms-component--joblist .tms-multiple-allowed {
    display: none
}

.tms-app .tms-component--joblist .tms-filter-value-tag-wrapper {
    align-items: center;
    gap: calc(var(--tms-spacing) * 1);
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--tms-spacing) * 2);
    flex-wrap: wrap;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-filter-value-tag-wrapper {
        padding-inline: calc(var(--tms-spacing) * 2)
    }
}

.tms-app .tms-component--joblist .tms-select-replacement-item, .tms-app .tms-component--joblist .tms-filter-value-tag {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tms-spacing) * 1);
    border-radius: var(--tms-radius-sm);
    --tw-border-style: none;
    background-color: var(--tms-color-gray);
    border-style: none;
    display: flex
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-select-replacement-item, .tms-app .tms-component--joblist .tms-filter-value-tag {
        background-color: color-mix(in oklab, var(--tms-color-gray) 10%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-select-replacement-item, .tms-app .tms-component--joblist .tms-filter-value-tag {
    padding-inline: calc(var(--tms-spacing) * 2);
    padding-block: calc(var(--tms-spacing) * .5)
}

@media (hover: hover) {
    :is(.tms-app .tms-component--joblist .tms-select-replacement-item,.tms-app .tms-component--joblist .tms-filter-value-tag):hover {
        background-color: var(--tms-color-gray-light)
    }
}

:is(.tms-app .tms-component--joblist .tms-select-replacement-item,.tms-app .tms-component--joblist .tms-filter-value-tag).tms-select-replacement-item-more, :is(.tms-app .tms-component--joblist .tms-select-replacement-item,.tms-app .tms-component--joblist .tms-filter-value-tag).tms-select-replacement-item-less {
    background-color: #0000
}

:is(.tms-app .tms-component--joblist .tms-select-replacement-item,.tms-app .tms-component--joblist .tms-filter-value-tag) button {
    cursor: pointer
}

.tms-app .tms-component--joblist .tms-placeholder {
    opacity: .5
}

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

.tms-app .tms-component--joblist .tms-select-replacement-wrapper {
    gap: calc(var(--tms-spacing) * 1);
    width: 100%;
    height: 100%;
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    flex-direction: column;
    display: flex
}

.tms-app .tms-component--joblist .tms-select-replacement-wrapper .tms-select-replacement {
    gap: calc(var(--tms-spacing) * 2);
    width: 100%;
    height: auto;
    display: flex
}

.tms-app .tms-component--joblist .tms-filter-item-input-inner {
    gap: calc(var(--tms-spacing) * 1);
    width: 100%;
    height: 100%;
    padding-block: calc(var(--tms-spacing) * 1);
    padding-bottom: calc(var(--tms-spacing) * 2);
    flex-direction: column;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-filter-item-input-inner {
        gap: calc(var(--tms-spacing) * 0);
        padding-block: calc(var(--tms-spacing) * 0);
        padding-bottom: calc(var(--tms-spacing) * 1)
    }
}

.tms-app .tms-component--joblist .tms-select-replacement-input {
    margin-block: calc(var(--tms-spacing) * 0);
    margin-bottom: calc(var(--tms-spacing) * 2)
}

.tms-app .tms-component--joblist [type=text] {
    --tw-outline-style: none;
    outline-style: none
}

.tms-app .tms-component--joblist .tms-pagination-wrap-inner {
    gap: calc(var(--tms-spacing) * 2);
    flex-direction: column;
    width: 100%;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-pagination-wrap-inner {
        flex-direction: row
    }
}

.tms-app .tms-component--joblist .tms-pagination-wrap-inner .tms-select-replacement-input {
    margin-bottom: calc(var(--tms-spacing) * 0)
}

.tms-app .tms-component--joblist .tms-pagination-wrap-inner .tms-select-replacement-wrapper .tms-select-replacement-item {
    border-style: var(--tw-border-style);
    padding: calc(var(--tms-spacing) * 0);
    background-color: #0000;
    border-width: 0
}

.tms-app .tms-component--joblist .tms-pagination-wrap-inner .tms-select-replacement-label {
    display: none
}

.tms-app .tms-component--joblist .tms-pagination-wrap-inner .tms-select-replacement-wrapper {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--tms-color-gray-light);
    height: 100%;
    padding-block: calc(var(--tms-spacing) * 1.5);
    border-radius: .25rem;
    position: relative
}

.tms-app .tms-component--joblist .tms-pagination-label {
    margin-top: calc(var(--tms-spacing) * 2);
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--tms-spacing) * 2);
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-pagination-label {
        margin-top: calc(var(--tms-spacing) * 0)
    }
}

.tms-app .tms-component--joblist .tms-pagination-label > span {
    white-space: nowrap;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.tms-app .tms-component--joblist .tms-pagination-label .tms-select-replacement-wrapper {
    width: auto;
    min-width: 100px;
    padding-block: calc(var(--tms-spacing) * 3);
    flex-shrink: 1;
    display: flex
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist .tms-pagination-label .tms-select-replacement-wrapper {
        min-width: calc(var(--tms-spacing) * 0);
        padding-block: calc(var(--tms-spacing) * 2);
        padding-right: calc(var(--tms-spacing) * 2);
        padding-left: calc(var(--tms-spacing) * 1)
    }

    .tms-app .tms-component--joblist .tms-pagination-label .tms-select-replacement-wrapper .tms-open-button {
        padding-right: calc(var(--tms-spacing) * 2)
    }
}

.tms-app .tms-component--joblist .tms-pagination {
    align-items: center;
    gap: calc(var(--tms-spacing) * 2);
    flex-flow: wrap;
    width: 100%;
    display: flex
}

.tms-app .tms-component--joblist .tms-pagination-button {
    border-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--joblist .tms-pagination-button {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 25%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-pagination-button {
    padding-inline: calc(var(--tms-spacing) * 3);
    padding-block: calc(var(--tms-spacing) * 1);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height))
}

@media (hover: hover) {
    .tms-app .tms-component--joblist .tms-pagination-button:hover {
        background-color: #0000
    }
}

.tms-app .tms-component--joblist .tms-pagination-button[disabled], .tms-app .tms-component--joblist .tms-pagination-button.tms-pagination-button--disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

.tms-app .tms-component--joblist .tms-pagination-button.tms-pagination-button--active {
    cursor: pointer;
    border-color: var(--tms-color-primary);
    background-color: var(--tms-color-primary);
    color: var(--tms-color-white);
    opacity: 1
}

@media (hover: hover) {
    .tms-app .tms-component--joblist .tms-pagination-button.tms-pagination-button--active:hover {
        background-color: var(--tms-color-primary);
        color: var(--tms-color-white)
    }
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button-wrapper {
    justify-content: flex-end;
    gap: calc(var(--tms-spacing) * 4);
    display: flex
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button {
    height: calc(var(--tms-spacing) * 6);
    width: calc(var(--tms-spacing) * 6);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    padding: calc(var(--tms-spacing) * 2);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border-radius: .25rem;
    display: inline-flex
}

@media (hover: hover) {
    .tms-app .tms-component--joblist .tms-joblist-toggle-view-button:hover {
        border-color: var(--tms-color-primary)
    }
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23c0c0c0'  id='fi_747308' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M462,0H50C22.43,0,0,22.43,0,50v48c0,27.57,22.43,50,50,50h412c27.57,0,50-22.43,50-50V50C512,22.43,489.57,0,462,0z M472,98c0,5.514-4.486,10-10,10H50c-5.514,0-10-4.486-10-10V50c0-5.514,4.486-10,10-10h412c5.514,0,10,4.486,10,10V98z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M462,364H50c-27.57,0-50,22.43-50,50v48c0,27.57,22.43,50,50,50h412c27.57,0,50-22.43,50-50v-48 C512,386.43,489.57,364,462,364z M472,462c0,5.514-4.486,10-10,10H50c-5.514,0-10-4.486-10-10v-48c0-5.514,4.486-10,10-10h412 c5.514,0,10,4.486,10,10V462z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M462,182H50c-27.57,0-50,22.43-50,50v48c0,27.57,22.43,50,50,50h412c27.57,0,50-22.43,50-50v-48 C512,204.43,489.57,182,462,182z M472,280c0,5.514-4.486,10-10,10H50c-5.514,0-10-4.486-10-10v-48c0-5.514,4.486-10,10-10h412 c5.514,0,10,4.486,10,10V280z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E")
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-list-is-active {
    background-color: var(--tms-color-gray-light)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-list-is-active {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 25%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-list-is-active {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23000'  id='fi_747308' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M462,0H50C22.43,0,0,22.43,0,50v48c0,27.57,22.43,50,50,50h412c27.57,0,50-22.43,50-50V50C512,22.43,489.57,0,462,0z M472,98c0,5.514-4.486,10-10,10H50c-5.514,0-10-4.486-10-10V50c0-5.514,4.486-10,10-10h412c5.514,0,10,4.486,10,10V98z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M462,364H50c-27.57,0-50,22.43-50,50v48c0,27.57,22.43,50,50,50h412c27.57,0,50-22.43,50-50v-48 C512,386.43,489.57,364,462,364z M472,462c0,5.514-4.486,10-10,10H50c-5.514,0-10-4.486-10-10v-48c0-5.514,4.486-10,10-10h412 c5.514,0,10,4.486,10,10V462z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M462,182H50c-27.57,0-50,22.43-50,50v48c0,27.57,22.43,50,50,50h412c27.57,0,50-22.43,50-50v-48 C512,204.43,489.57,182,462,182z M472,280c0,5.514-4.486,10-10,10H50c-5.514,0-10-4.486-10-10v-48c0-5.514,4.486-10,10-10h412 c5.514,0,10,4.486,10,10V280z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E")
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-joblist-toggle-view-button--grid {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23c0c0c0'  id='fi_747327' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,0H59.208C26.561,0,0,26.561,0,59.208v117.584C0,209.439,26.561,236,59.208,236h117.584 C209.439,236,236,209.439,236,176.792V59.208C236,26.561,209.439,0,176.792,0z M196,176.792c0,10.591-8.617,19.208-19.208,19.208 H59.208C48.617,196,40,187.383,40,176.792V59.208C40,48.617,48.617,40,59.208,40h117.584C187.383,40,196,48.617,196,59.208 V176.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,0H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V60 C512,26.916,485.084,0,452,0z M472,176c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h116 c11.028,0,20,8.972,20,20V176z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,276H59.208C26.561,276,0,302.561,0,335.208v117.584C0,485.439,26.561,512,59.208,512h117.584 C209.439,512,236,485.439,236,452.792V335.208C236,302.561,209.439,276,176.792,276z M196,452.792 c0,10.591-8.617,19.208-19.208,19.208H59.208C48.617,472,40,463.383,40,452.792V335.208C40,324.617,48.617,316,59.208,316h117.584 c10.591,0,19.208,8.617,19.208,19.208V452.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,276H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V336 C512,302.916,485.084,276,452,276z M472,452c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V336c0-11.028,8.972-20,20-20 h116c11.028,0,20,8.972,20,20V452z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E")
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-grid-is-active {
    background-color: var(--tms-color-gray-light)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-grid-is-active {
        background-color: color-mix(in oklab, var(--tms-color-gray-light) 25%, transparent)
    }
}

.tms-app .tms-component--joblist .tms-joblist-toggle-view-button.tms-grid-is-active {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23000' id='fi_747327' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,0H59.208C26.561,0,0,26.561,0,59.208v117.584C0,209.439,26.561,236,59.208,236h117.584 C209.439,236,236,209.439,236,176.792V59.208C236,26.561,209.439,0,176.792,0z M196,176.792c0,10.591-8.617,19.208-19.208,19.208 H59.208C48.617,196,40,187.383,40,176.792V59.208C40,48.617,48.617,40,59.208,40h117.584C187.383,40,196,48.617,196,59.208 V176.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,0H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V60 C512,26.916,485.084,0,452,0z M472,176c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h116 c11.028,0,20,8.972,20,20V176z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M176.792,276H59.208C26.561,276,0,302.561,0,335.208v117.584C0,485.439,26.561,512,59.208,512h117.584 C209.439,512,236,485.439,236,452.792V335.208C236,302.561,209.439,276,176.792,276z M196,452.792 c0,10.591-8.617,19.208-19.208,19.208H59.208C48.617,472,40,463.383,40,452.792V335.208C40,324.617,48.617,316,59.208,316h117.584 c10.591,0,19.208,8.617,19.208,19.208V452.792z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,276H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V336 C512,302.916,485.084,276,452,276z M472,452c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V336c0-11.028,8.972-20,20-20 h116c11.028,0,20,8.972,20,20V452z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E")
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list, .tms-app .tms-component--joblist #tms-jobfeed-list {
    gap: calc(var(--tms-spacing) * 6);
    grid-template-columns:repeat(1, minmax(0, 1fr));
    width: 100%;
    display: grid
}

@media (min-width: 64rem) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list).tms-is-grid-view {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list).tms-is-grid-view .tms-jobfeed-item-property-wrap {
    gap: calc(var(--tms-spacing) * 0);
    flex-direction: column;
    width: 100%
}

@media (min-width: 64rem) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list).tms-is-grid-view .tms-jobfeed-item-property-wrap {
        margin-bottom: calc(var(--tms-spacing) * 2)
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list).tms-is-grid-view .tms-jobfeed-item-button--wrapper {
    flex-flow: row;
    width: auto
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list).tms-is-grid-view .tms-jobfeed-item-button--wrapper * {
    text-align: center;
    white-space: nowrap;
    width: auto
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) li {
    z-index: 1;
    gap: calc(var(--tms-spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tms-color-gray-light);
    background-color: var(--tms-color-white);
    width: 100%;
    height: 100%;
    padding: calc(var(--tms-spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--tms-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tms-default-transition-duration));
    display: block;
    position: relative
}

@media (hover: hover) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) li:hover {
        --tw-scale-x: 98%;
        --tw-scale-y: 98%;
        --tw-scale-z: 98%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        background-color: var(--tms-color-primary);
        color: var(--tms-color-white)
    }
}

@media (min-width: 64rem) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) li {
        padding: calc(var(--tms-spacing) * 4)
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) li > a {
    top: calc(var(--tms-spacing) * 0);
    left: calc(var(--tms-spacing) * 0);
    width: 100%;
    height: 100%;
    position: absolute
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-inner {
    gap: calc(var(--tms-spacing) * .5);
    flex-flow: column wrap;
    width: 100%;
    display: flex
}

@media (min-width: 48rem) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-inner {
        flex-direction: column
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-title-wrap {
    margin-bottom: calc(var(--tms-spacing) * 0);
    grid-column: 1/-1;
    width: 100%
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button--whatsapp--wrapper, :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button--wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--tms-spacing) * 2);
    flex-wrap: wrap;
    display: flex
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button {
    z-index: 2;
    border-radius: var(--tms-radius-lg);
    background-color: var(--tms-color-gray-light);
    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));
    position: relative
}

@media (hover: hover) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button:hover {
        background-color: var(--tms-color-white);
        color: var(--tms-color-black)
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button--whatsapp {
    background-color: #25d366;
    border-color: #25d366
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button--apply {
    border-color: var(--tms-color-black);
    background-color: var(--tms-color-white);
    --tw-font-weight: var(--tms-font-weight-semibold);
    font-weight: var(--tms-font-weight-semibold)
}

@media (hover: hover) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-button--apply:hover {
        background-color: var(--tms-color-black);
        color: var(--tms-color-white)
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item-property-wrap {
    gap: calc(var(--tms-spacing) * 2);
    flex-grow: 1;
    display: flex
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-title-wrap {
    margin-bottom: calc(var(--tms-spacing) * 0)
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item--location, :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item--title {
    font-size: var(--tms-text-xl);
    line-height: var(--tw-leading, var(--tms-text-xl--line-height));
    --tw-font-weight: var(--tms-font-weight-semibold);
    font-weight: var(--tms-font-weight-semibold)
}

@media (min-width: 64rem) {
    :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item--location, :is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item--title {
        font-size: var(--tms-text-xl);
        line-height: var(--tw-leading, var(--tms-text-xl--line-height))
    }
}

:is(.tms-app .tms-component--joblist #tms-featured-jobfeed-list,.tms-app .tms-component--joblist #tms-jobfeed-list) .tms-jobfeed-item--location {
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    --tw-font-weight: var(--tms-font-weight-light);
    font-weight: var(--tms-font-weight-light)
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list {
    margin-block: calc(var(--tms-spacing) * 4);
    position: relative
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list .tms-jobfeed-item-property-wrap {
    display: none
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list li {
    border-radius: var(--tms-radius-lg);
    background-image: url(https://cdn.eu.talention.com/jobs.osg.de/layers/img/gradient.svg);
    background-size: cover;
    background-color: var(--tms-color-secondary)
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist #tms-featured-jobfeed-list li {
        background-color: color-mix(in oklab, var(--tms-color-secondary) 3%, transparent)
    }
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list li {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--tms-color-secondary)
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list li:before {
    content: "⭐ Featured";
    border-radius: var(--tms-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0;
    border-color: var(--tms-color-secondary);
    background-color: var(--tms-color-secondary);
    display: inline-flex;
    position: relative
}

@supports (color:color-mix(in lab, red, red)) {
    .tms-app .tms-component--joblist #tms-featured-jobfeed-list li:before {
        background-color: color-mix(in oklab, var(--tms-color-secondary) 10%, transparent)
    }
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list li:before {
    padding-inline: calc(var(--tms-spacing) * 1.5);
    padding-block: calc(var(--tms-spacing) * 1);
    font-size: var(--tms-text-base);
    line-height: var(--tw-leading, var(--tms-text-base--line-height));
    --tw-font-weight: var(--tms-font-weight-bold);
    font-weight: var(--tms-font-weight-bold);
    color: var(--tms-color-secondary)
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-featured-jobfeed-list li:before {
        margin-bottom: calc(var(--tms-spacing) * 2)
    }
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list li:nth-child(n+4) {
    display: none
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list .tms-jobfeed-item-button {
    --tw-border-style: none;
    background-color: var(--tms-color-secondary);
    color: var(--tms-color-white);
    border-style: none
}

@media (hover: hover) {
    .tms-app .tms-component--joblist #tms-featured-jobfeed-list .tms-jobfeed-item-button:hover {
        background-color: var(--tms-color-white);
        color: var(--tms-color-black)
    }
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list .tms-jobfeed-item-button.tms-jobfeed-item-button--apply {
    border-color: var(--tms-color-black);
    background-color: var(--tms-color-white);
    --tw-font-weight: var(--tms-font-weight-semibold);
    font-weight: var(--tms-font-weight-semibold);
    color: var(--tms-color-secondary)
}

@media (hover: hover) {
    .tms-app .tms-component--joblist #tms-featured-jobfeed-list .tms-jobfeed-item-button.tms-jobfeed-item-button--apply:hover {
        background-color: var(--tms-color-black);
        color: var(--tms-color-white)
    }
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list .tms-jobfeed-item--title {
    align-items: center;
    gap: calc(var(--tms-spacing) * 2);
    color: var(--tms-color-secondary);
    display: flex
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list.tms-is-grid-view {
    gap: calc(var(--tms-spacing) * 4);
    display: grid
}

@media (min-width: 64rem) {
    .tms-app .tms-component--joblist #tms-featured-jobfeed-list.tms-is-grid-view {
        grid-template-columns:repeat(auto-fit, minmax(0, 1fr))
    }
}

.tms-app .tms-component--joblist #tms-featured-jobfeed-list.tms-is-grid-view li {
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

#tms-remotejoblist {
    z-index: 1;
    margin-top: calc(var(--tms-spacing) * 0);
    padding: calc(var(--tms-spacing) * 4)
}

@media (min-width: 64rem) {
    #tms-remotejoblist {
        margin-inline: auto
    }
}

@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-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@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)
    }
}

@keyframes load {
    0% {
        left: -150px
    }
    to {
        left: 100%
    }
}