/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    Main wrapper (Override)

    ELEMENTS
    -------------------------------------------------------------------------
    Indicators
      : Count (New)
      : Pills (New)
    Links
    List controls
      : Custom pagination
      : Switcher Toggling
    Alerts
      : Error message
    Paragraphs
    Buttons
    List controls

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Articles as cards (Override/complement)
    Navbar
    Table
      : Cards
      : Default
      : Custom Record (New)
      : List controls - Custom report
    Tabs
    Alert info page
    Form
      : General
      : Error
      : Sort Button (Dropdown Placeholder)

    WIDGETS
    -------------------------------------------------------------------------
    Wizard
      : Dashboard Search (New)
    Glightbox
    Popup
      : Vertical Fixed Thank You
    Session Dialog

    MODULES
    -------------------------------------------------------------------------
    Glightbox
    Banner
      : Reduced (New)
      : Title (Override)
      : Subtitle (Override)
      : Extra (New)
      : Job Detail
    Banner Slider (New)
    Footer

    PAGETYPES
    -------------------------------------------------------------------------
    Dashboard
      : Section Hot Jobs
      : Type of positions (New)
    Welcome Popup
    Open Positions
      : Checkbox hot jobs
      : Filterset
      : Table/Cards (Override/complement)
    Login
    Job Detail (New)
      : General Information
      : My personal leaderboard
    Popup Refer
      : Job name
    Leaderboard
      : Banner
      : Periodicity links
    My Bonus
      : Collapsible Referral Bonus
      : Divider
      : Section bonus history
      : Person View - Referral Bonus
    Profile
      : Thumbnail profile picture
      : Personal leaderboard
    FAQ
      : Extra banner
    My referrals

    UTILITIES
    -------------------------------------------------------------------------
    Helper classes
      : Flex content center
========================================================================== */

/*
    LAYOUTS/Main wrapper (Override)
*/

.main__wrapper {
    block-size: auto;
}

/*
    ELEMENTS/Indicators: Count (New)
*/

.count {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    min-inline-size: 3rem;
    block-size: 3rem;
    background-color: var(--t-gs--color--fill--brand);
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    color: var(--t-gs--color--text--on--fill--brand);
}

/*
    ELEMENTS/Indicators: Pills (New)
*/

.pill {
    display: inline;
    border-start-start-radius: var(--t-gs--border--radius--l);
    border-start-end-radius: var(--t-gs--border--radius--l);
    border-end-start-radius: var(--t-gs--border--radius--l);
    border-end-end-radius: var(--t-gs--border--radius--l);
    font-size: var(--t-gs--font--size--02);
    padding-block: var(--t-gs--space--xs);
    padding-inline: var(--t-gs--space--s);
    background-color: var(--t-gs--swatch--link);
    color: var(--t-gs--swatch--link--100);
    font-weight: 400;
    vertical-align: middle;
}

.duplicateWarningMessage, .alert {
    --t-tc--icon--fill: 0;
}

/*
    ELEMENTS/Links
*/

.link:hover {
    color: var(--t-gs--color--text--link);
    text-decoration-color: var(--t-gs--color--text--link);
}

.link:active {
    text-decoration: none;
    color: var(--t-gs--color--text--link);
    outline: .1rem dotted var(--t-gs--color--text--link);
}

/* Link S */

.link--s {
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--custom--font-weight--semibold);
}

.link--s:visited {
    text-decoration: none;
    color: var(--t-gs--swatch--neutral--000);
}

/*
    ELEMENTS/List controls: Custom pagination
*/
.list-controls--top {
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid var(--custom--neutral--80);
    margin-block-end: var(--t-gs--space--xxl);
}

.list-controls__text {
    font-size: var(--t-gs--font--size--04);
}

.list-controls__text__legend .records-per-page {
    color: var(--t-gs--color--text--link);
    font-weight: var(--t-gs--font--weight--bold);
}

.switcher--as-icons [data-tc-icon] {
    --t-tc--icon--font--color: var(--custom--neutral--80);
}

.switcher--as-icons .switcher__toggling__option--active [data-tc-icon] {
    --t-tc--icon--font--color: var(--t-gs--color--text--link);
}

/*
    ELEMENTS/List controls: Switcher Toggling
*/

.switcher--as-icons [data-tc-icon]:before {
    --t-tc--icon--fill: 0;
    --t-tc--icon--GRAD: 200;
}

/*
    ELEMENTS/Alerts: Error message
*/

/*
    ELEMENTS/Paragraphs
*/

.paragraph {
    padding-block-end: var(--t-gs--space--s2);
}

/*
    ELEMENTS/Buttons
*/

:root {
    --t-tc--button-bar--rows--gap: var(--t-gs--space--l);
}

.button {
    font-weight: var(--custom--font-weight--semibold);
}

/*
    ELEMENTS/List controls
*/

.list-controls--bottom {
    font-size: var(--t-gs--font--size--04);
    padding-bottom: .3rem;
    border-bottom: .1rem solid var(--custom--neutral--80);
    margin-block-start: var(--t-gs--space--l);
}

.list-controls--bottom .records-total,
.list-controls--top .records-total {
    font-weight: var(--custom--font-weight--semibold);
}

.list-controls--top {
    font-size: var(--t-gs--font--size--04);
}

.list-controls--top .list-controls__text__reset {
    color: var(--t-gs--color--text--link);
}

.list-controls--top .list-controls__text__reset {
    font-style: normal;
}

/*
    COMPONENTS/Cards: Articles as cards (Override/complement)
*/
.article--card .button--primary,
.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --t-tc--buttons--padding--v: var(--t-gs--space--s);
    --t-tc--buttons--padding--h: var(--t-gs--space--xl);
    --t-tc--buttons--border--radius: var(--t-gs--border--radius--full);
    --t-tc--buttons--border--width: var(--t-gs--border--width--s);
    --t-tc--buttons--height: calc(var(--t-gs--size--base) * 10);
    transition: unset;
}

.article--card .button--secondary {
    --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary);
}

.article--card .button--secondary:hover,
.article--card .button--tertiary:hover,
.article--card .button--share:hover {
    color: var(--t-gs--color--text--on--fill--secondary--hover);
}

.article--card .button--secondary:active,
.article--card .button--secondary:focus,
.article--card .button--tertiary:active,
.article--card .button--tertiary:focus,
.article--card .button--share:active,
.article--card .button--share:focus {
    color: var(--t-gs--color--text--on--fill--secondary--focus);
}

.article--card .article__footer {
    justify-content: space-around;
    padding-block-start: calc(var(--t-tc--card--padding--inners));
    padding-block-end: calc(var(--t-tc--card--padding--inners));
}

.article--card .article__footer > * + * {
    margin-inline-start: 0;
}

.article--card--metric {
    padding-block: var(--t-gs--space--l);
    padding-inline: var(--t-gs--space--l);
    text-align: center;
}

.article--card .button:hover {
    text-decoration: none;
}

/*
    COMPONENTS/Cards: Articles as cards (Within LAYOUTS/Grid: Sidebars)
*/

.grid__item--aside-right .article--card--metric {
    display: flex;
    block-size: 100%;
    justify-content: center;
}

/*
    COMPONENTS/Navbar
*/

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link,
.menu--visible .submenu__item:not([aria-current="page"]):hover .submenu__link,
.menu--visible .portalLanguages__item:not(.portalLanguages__item--selected):hover .portalLanguages__link {
    text-decoration: underline;
    text-decoration-color: var(--t-gs--swatch--emphasis);
    text-underline-offset: .3rem;
}

.menu--visible .menu__item:not([aria-current="page"]):active .menu__link,
.menu--visible .submenu__item:not([aria-current="page"]):active .submenu__link,
.menu--visible .portalLanguages__item:not(.portalLanguages__item--selected):active .portalLanguages__link {
    color: var(--t-gs--swatch--emphasis);
    text-decoration: none;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header__content {
        justify-content: inherit;
    }

    .header__menu {
        width: 100%;
    }

    .header__menu .menu {
        align-items: center;
    }

    .menu--visible .menu__panel {
        justify-content: space-between;
    }

    .menu--visible .menu__list {
        justify-content: flex-end;
    }

    .menu--visible .menu__list:first-of-type {
        justify-content: start;
        margin-left: var(--t-gs--space--m2);
    }
}

/* Menu togglable */

.toggle--menu {
    --t-tc--toggle--font--color: var(--t-gs--swatch--emphasis);
}

.menu--toggleable .menu__panel {
    --t-gs--color--surface--default: var(--custom--black--00);

    border-block-start-width: var(--t-gs--border--width--0);
    padding-inline-start: var(--t-gs--space--m);
    padding-inline-end: var(--t-gs--space--m);
}

.menu--toggleable .menu__item {
    --t-tc--menu--dividers--color: var(--custom--neutral--90);
}

.menu--toggleable .submenu__list {
    padding-inline-start: var(--t-gs--space--m2);
    padding-block-end: var(--t-gs--space--s2);
}

.menu--toggleable .submenu__text {
    line-height: 2.2rem
}

.menu--toggleable .menu__link:after {
    --t-tc--icon--font--size: 4rem;
    --t-tc--icon--font--color: var(--t-gs--swatch--emphasis);
    --t-tc--icon--font--weight: 300;
}

.menu--toggleable .menu__link[aria-haspopup=true] {
    padding-block-start: 0.6rem;
    padding-block-end: 0.5rem;
}

/*
    COMPONENTS/Table: Cards
*/

.table--cards tbody tr>:first-child .link {
    white-space: unset;
}

.table--cards tbody tr {
    justify-content: space-around;
}

.table--cards tbody tr td.no-label:nth-child(n+3):not(:last-child):before {
    display: none;
}

.table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
    text-align: left;
    justify-content: space-between;
    padding-left: 1,6rem;
    padding-inline-end: .8rem;
    font-weight: var(--t-gs--font--weight--regular);
    font-size: var(--t-gs--font--size--06);
    color: var(--t-gs--color--text--link);
}

.table--cards tbody tr .toggle--card {
    position: unset;
}

/*
    COMPONENTS/Table: Default
*/

.table__wrap {
    border-width: var(--t-gs--border--width--0);
}

.table--default:not(.table--toggleable, .table--custom-record) tbody tr:last-child>:first-child,
.table--default:not(.table--toggleable, .table--custom-record) tbody tr:last-child td {
    border-bottom: .1rem solid var(--custom--neutral--80);
}

.table--default tbody tr+tr>*, .tableField tbody tr+tr>* {
    border-block-start-color: var(--custom--neutral--80);
}

.table--default tbody tr>:last-child .link {
    white-space: unset;
}

.table--default tbody tr>:first-child .link {
    white-space: normal;
}

.sort__item__icon {
    display: none;
}

.sort__item--active .sort__item__icon {
    display: inline;
}

/*
    COMPONENTS/Table: Card
*/

.toggle--card .toggle__icon:before {
    --t-tc--icon--font--size: 4rem;
    --t-tc--icon--font--weight: 300;
}

/*
    PAGETYPES/Open Positions: Table/Cards (Override/complement)
*/

.table--cards .button--secondary, .table--cards .button--tertiary, .table--cards .button--share {
    --t-tc--buttons--border--radius: var(--t-gs--border--radius--full);
    --t-tc--buttons--border--width: var(--t-gs--border--width--s);
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary--focus);
    --t-tc--buttons--height: calc(var(--t-gs--size--base) * 10);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary);
    --t-tc--buttons--padding--v: var(--t-gs--space--s);
    --t-tc--buttons--padding--h: var(--t-gs--space--xl);
    --t-tc--buttons--font--family: inherit;
    --t-tc--buttons--font--size: var(--t-gs--font--size--04);
    font-weight: var(--custom--font-weight--semibold);
}

.button--medium, .table--default .button, .table--cards .button, .article--card .button {
    --t-tc--buttons--height: calc(var(--t-gs--size--base) * 10);
    --t-tc--buttons--padding--v: var(--t-gs--space--s);
    --t-tc--buttons--padding--h: var(--t-gs--space--xl);
    --t-tc--buttons--font--size: var(--t-gs--font--size--04);
    white-space: nowrap;
}

.table--cards tbody tr td:last-child .table__cell {
    padding-block-start: 1.45rem;
    padding-block-end: 1.45rem;
    justify-content: space-between;
}

.table__cell__label {
    font-weight: var(--t-gs--font--weight--bold);
}

.button--secondary.button--disabled {
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary--disabled);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary--disabled);
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--secondary--disabled);

    color: var(--t-tc--buttons--font--color);
}

@media (width >= 1025px) {
    .table--cards tbody {
        margin-inline-start: 1rem;
    }

    .table--cards tbody tr {
        --t-tc--grid--columns--gap: 6.4rem;
        --custom--margin-right: 5rem;

        flex: 0 0 calc(50% - var(--t-tc--grid--columns--gap) - var(--custom--margin-right));
        inline-size: 100%;
        max-inline-size: calc(50% - var(--t-tc--grid--columns--gap) - var(--custom--margin-right));
        margin-block-start: var(--t-gs--space--xxl);
    }

    .table--cards tbody tr td:last-child {
        padding-block-start: 1.45rem;
        padding-block-end: 1.45rem;
    }
}

/*
    COMPONENTS/Table: Custom Record
*/

.section__content--report-table .table__wrap {
    border-width: var(--t-gs--border--width--0);
}

.table--custom-record thead tr th {
    --t-tc--table__th--padding: var(--t-gs--space--m);
    --t-tc--table__th--background--color: transparent;

    border-block-end-width: var(--t-gs--border--width--s);
    border-block-end-style: solid;
    border-block-end-color: hsla(198, 100%, 33%, 1);
    block-size: var(--t-tc--table__th--height);
    padding-block: 1.55rem;
    padding-inline: var(--t-tc--table__th--padding);
    background-color: var(--t-tc--table__th--background--color);
    font-weight: 600;
    text-align: center;
}

.table--custom-record thead tr th.text--left {
    text-align: left;
}

.table--custom-record thead tr.table__row {
    padding: 1.2rem 0;
}

.table--custom-record tbody tr>:first-child .table__cell {
    border: .1rem solid var(--custom--neutral--80);
    border-radius: var(--t-gs--border--radius--full) 0 0 var(--t-gs--border--radius--full);
    border-right: 0;
    padding: 1.3rem 1.6rem;
    height: 5.9rem;
    align-content: center;
    text-align: center;
}

.table--custom-record tbody tr>:last-child .table__cell {
    border: .1rem solid var(--custom--neutral--80);
    border-radius: 0 var(--t-gs--border--radius--full) var(--t-gs--border--radius--full) 0;
    border-left: 0;
    padding: 1.3rem 1.6rem;
    height: 5.9rem;
    align-content: center;
}

.table--custom-record tbody tr+tr>* {
    border-block-start-width: var(--t-gs--border--width--0);
}

.table--custom-record tbody tr>* {
    --t-tc--table__td--height: 8.3rem;

    block-size: var(--t-tc--table__td--height);
    padding-block: 0;
    padding-inline: 0;
    background-color: var(--t-gs--color--background--transparent);
    vertical-align: middle;
    word-break: normal;
}

.table--custom-record tbody tr>* .table__cell {
    border-top: .1rem solid var(--custom--neutral--80);
    border-bottom: .1rem solid var(--custom--neutral--80);
    padding: 1.3rem 1.6rem;
    height: 5.9rem;
    text-align: left;
    align-content: center;
}

.table--custom-record tbody tr>* .table__cell--profile-image {
    text-align: left;
    font-weight: 600;
}

.table__cell--profile-image .profile-image {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: var(--t-gs--border--radius--full);
    margin-right: 1.6rem;
}

.table--custom-record .table__cell__label {
    display: none;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .table--custom-record .table__row--logged-in-user .table__cell {
        background-color: hsla(198, 100%, 95%, 1);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .table--custom-record tbody tr>* {
        height: unset;
    }

    .table--custom-record.table--cards tbody tr.table__row--logged-in-user {
        background-color: hsla(198, 100%, 95%, 1);
    }

    .table--custom-record tbody tr>* .table__cell,
    .table--custom-record tbody tr>:first-child .table__cell,
    .table--custom-record tbody tr>:last-child .table__cell {
        border-width: 0;
        padding: 0;
        height: unset;
        text-align: left;
        display: inline;
    }

    .table--custom-record.table--cards tbody tr>:first-child .table__cell__label,
    .table--custom-record.table--cards tbody tr td:nth-child(2) .table__cell__label,
    .table--custom-record.table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2) {
        display: none;
    }

    .table--custom-record.table--cards tbody tr>:first-child,
    .table--custom-record tbody tr>* .table__cell--profile-image {
        font-size: 2rem;
        color: hsla(198, 100%, 33%, 1);
        font-weight: 400;
    }

    .table--custom-record.table--cards tbody tr {
        --t-tc--card--border--color: var(--custom--neutral--80);

        border-radius: var(--t-tc--card--border--radius);
    }

    .table--custom-record.table--cards tbody tr .toggle--card {
        inset-block-start: 15%;
    }

    .table--custom-record.table--cards tbody tr .toggle__icon {
        --t-tc--icon--font--size: 4rem;
    }

    .table--custom-record.table--cards tbody tr .toggle__icon:before {
        font-weight: 300;
    }

    .table--custom-record.table--cards tbody tr td,
    .table--custom-record.table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
        text-align: left;
        justify-content: space-between;
        padding-left: 1.6rem;
    }

    .table__cell__label {
        display: inline;
    }

    .table--custom-record tbody tr td[data-th]:not([colspan]):last-child:before {
        display: none;
    }

    .table--custom-record.table--cards tbody tr td:last-child .table__cell {
        padding-block-start: 1rem;
        display: inline;
    }
}

/*
    COMPONENTS/Table: List controls - Custom report
*/

.list-controls--custom-report {
    justify-content: flex-end;
    border-bottom: 0;
}

.list-controls--custom-report .list-controls__pagination {
    width: 100%;
    justify-content: flex-end;
}

.list-controls--custom-report .button--secondary {
    transition: none;
}

.list-controls--custom-report .button--secondary:hover:not(.button--secondary:active, .button--secondary:focus) {
    color: var(--t-gs--color--text--on--fill--secondary--hover);
}

/* only mobile */
@media all and (max-width:750px) {
    .list-controls--custom-report nav {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .list-controls--custom-report nav .link--prev {
        margin: 0;
    }
}

/*
    COMPONENTS/Tabs
*/

.tabs__list {
    border-block-end-color: var(--t-gs--swatch--neutral--080);
}

.tabs__list__item {
    text-transform: unset;
    font-size: var(--t-tc--title--h8);
    font-weight: 600;
    padding: 1.1rem 1.6rem 1.2rem 1.6rem;
}

.tabs__list__item--active {
    color: var(--t-gs--color--text--link);
}

.tabs__placeholder:after {
    --t-tc--toggle--font--size: 4rem;
    font-weight: 300;
}

.tabs__list__item {
    padding: 1.1rem 1.6rem 1.2rem 1.6rem;
}

@media (width <= 1024px) {
    .tabs__placeholder {
        border-bottom: .1rem solid var(--t-gs--swatch--neutral--080);
        font-weight: 600;
        color: var(--t-gs--color--text--link);
        padding-left: 1.6rem;
    }

    .tabs.tabs--open .tabs__list {
        border-radius: var(--t-gs--border--radius--0);
        width: 100%;
        border-color: var(--t-gs--swatch--neutral--080);
    }

    .tabs__list__item {
        border-bottom: .1rem solid var(--t-gs--swatch--neutral--080);
    }

    .tabs__list__item:last-of-type {
        border-width: var(--t-gs--border--width--0);
    }
}

/*
    COMPONENTS/Alert info page
*/

.section__content .page-info.alert--info {
    font-size: var(--t-tc--alert--font--size);
    font-weight: var(--t-tc--alert--font--weight);
    color: var(--t-tc--alert--font--color);
    background-color: var(--t-gs--color--background--transparent);
    margin-bottom: 0;
}
.section__content .page-info.alert--info::before {
    vertical-align: baseline;
}

.section__content .page-info.alert--info * {
    display: contents;
}

.section__content .page-info.alert--info::before {
    color: var(--t-tc--alert--font--color);
}

/*
    COMPONENTS/Form: General
*/

.select2-container--default .select2-results__option {
    font-size: var(--t-gs--font--size--03);
}

.tc_formLabel:has(>.screenReaderVisibility:only-child) {
    padding-block-end: var(--t-gs--space--s);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: var(--t-gs--swatch--emphasis);
    color: var(--t-gs--swatch--emphasis);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--t-gs--swatch--emphasis);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: var(--t-gs--swatch--link);
    font-weight: var(--custom--font-weight--semibold);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    border-bottom: .1rem solid var(--t-gs--swatch--emphasis);
    color: var(--t-gs--swatch--link);
}

/*
    COMPONENTS/Form: Error
*/

.form--has-errors input[aria-errormessage]:not([aria-errormessage=""]) {
    --t-tc--fields--border--color: var(--t-gs--color--border--on--fill--error);
}

.form--has-errors input[aria-errormessage]:not([aria-errormessage=""]):focus {
    --t-tc--fields--border--color: var(--t-gs--color--border--default--focus);
}

.errorMessage {
    gap: var(--t-gs--space--xs);
    align-items: flex-end;
}

.errorMessage:before {
    --t-tc--icon--fill: 0;

    place-content: start left;
}

/*
    COMPONENTS/Form: Sort Button (Dropdown Placeholder)
*/

.dropdown__placeholder {
    --t-tc--fields--border--radius: var(--t-gs--border--radius--s);
    --t-tc--fields--border--color: var(--custom--neutral--70);
}

.dropdown__placeholder:focus {
    --t-tc--fields--border--color: var(--custom--black--00);
}

.dropdown__list {
    --t-tc--fields--border--color: var(--custom--neutral--10);
    border-end-end-radius: var(--t-gs--border--radius--s);
    border-end-start-radius: var(--t-gs--border--radius--s);
}

.dropdown__item {
    --t-tc--fields--font--color: var(--t-gs--color--text--link);
}

.dropdown__item:hover {
    --t-tc--fields--font--color: var(--t-gs--color--text--link);
    border-bottom: .1rem solid var(--t-gs--swatch--emphasis);
    color: var(--t-gs--color--text--link);

    > .sort__item__icon {
        color: var(--custom--neutral--10);
    }
}

.dropdown__item--active {
    font-weight: var(--custom--font-weight--semibold);
}

.dropdown__item--active .sort__item__icon {
    color: var(--custom--neutral--10);
}

/*
    WIDGETS/Wizard: Dashboard Search (New)
*/

.wizard--dashboard-search {
    text-align: center;
    padding-block-end: 3.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 67rem;
    margin: auto;
}

.wizard--dashboard-search::after {
    --t-tc--icon: "search";
    --t-tc--icon--font--size: 2rem;
    --t-tc--icon--wght: 900;

    font-family: var(--t-tc--icon--font--family);
    content: var(--t-tc--icon);
    font-variation-settings: "wght" var(--t-tc--icon--wght), "wdth" var(--t-tc--icon--wdth), "GRAD" var(--t-tc--icon--GRAD), "FILL" var(--t-tc--icon--fill), "opsz" var(--t-tc--icon--optical-size);
    font-size: var(--t-tc--icon--font--size);
    font-weight: var(--t-tc--icon--font--weight);
    color: var(--t-gs--swatch--link);
    position: relative;
    left: -46%;
    top: -3rem;
}

@media (width <= 470px) {
    .wizard--dashboard-search::after {
        left: -42%;
    }
}

.wizard--dashboard-search .tc_formLabel {
    --t-tc--title--font--size: var(--t-tc--title--h2);
    --t-tc--fieldSpec--padding--inners: var(--t-gs--space--xl);

    font-family: var(--t-tc--title--font--family);
    font-size: var(--t-tc--title--font--size);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-tc--title--font--color);
    display: block;
}

.wizard--dashboard-search .TextField {
    --t-tc--fields--border--radius: var(--t-gs--border--radius--full);
    --t-tc--fields--border--color: var(--t-gs--swatch--button);

    max-width: 67rem;
}

.wizard--dashboard-search .TextField::placeholder {
    color: var(--t-gs--swatch--link);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .wizard--dashboard-search .tc_formLabel {
        --t-tc--title--font--size: 2rem;
        font-weight: var(--t-gs--font--weight--bold);
        padding-block-end: 2.4rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--dashboard .title {
        font-size: 2rem;
        font-weight: var(--t-gs--font--weight--regular);
    }
}

/*
    WIDGETS/Glightbox
*/

.goverlay,
.glightbox-mobile .goverlay {
    background: hsla(0, 0%, 0%, 0.68);
}

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

.gslide-external {
    border-radius: 1rem;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--t-gs--swatch--button);
    border-style: solid;
}

.glightbox-button-hidden {
    display: none;
}

/*
    WIDGETS/Popup
*/

.article--popup {
    font-size: var(--t-gs--font--size--05);
}

.body--popup p {
    font-size: var(--t-gs--font--size--05);
}

.body--popup .article__header {
    flex-direction: column;
}

.title--popup--h1 {
    font-size: var(--t-tc--title--h1);
    font-weight: var(--t-gs--font--weight--regular);
}

.body--popup .button-bar__wrap, .ButtonBarField .tc_formField {
    justify-content: center;
}

/*
    WIDGETS/Popup: Vertical Fixed Thank You
*/

.article--fixed-thank-you {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 3rem;
}

/*
    WIDGETS/Session Dialog
*/
.ui-dialog {
    --modal--border--radius: var(--t-gs--border--radius--0);
    box-shadow: 0 0 2rem 0 hsla(0, 0%, 40%, 0.3);
}

.ui-dialog .ui-dialog-title {
    --title--font--size: 2.925rem;
    --title--font--weight: var(--t-gs--font--weight--bold);
}

.ui-dialog .ui-dialog-titlebar {
    --dividers--border--color: var(--custom--neutral--80);
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    display: block;
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close {
    --t-tc--icon--font--size: 1.26rem;
    --t-tc--buttons--font--color: var(--custom--neutral--20);
    border-radius: var(--t-gs--border--radius--s);
    padding: 1.37rem;
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close:hover,
.ui-dialog button.ui-button.ui-dialog-titlebar-close:focus {
    background-color: hsla(198, 100%, 95%, 1);
    border-radius: var(--t-gs--border--radius--s);
    color: var(--custom--black--20);
}

/*
    MODULES/Banner: Reduced (New)
*/

.banner--reduced {
    block-size: var(--t-tc--banner--height);
    background-image: var(--t-tc--banner--background--image);
    background-position: var(--t-tc--banner--background--image--position);
    background-size: var(--t-tc--banner--background--image--size);
}

@media all and (min-width:751px) {
    .banner--reduced {
        --t-tc--banner--height: calc(var(--t-gs--size--base) * 60);

        block-size: var(--t-tc--banner--height);
        background-image: var(--t-tc--banner--background--image);
        background-position: var(--t-tc--banner--background--image--position);
        background-size: var(--t-tc--banner--background--image--size);
    }
}

/*
    MODULES/Banner: Title (Override)
*/

.banner .title {
    --t-tc--title--font--color: var(--t-gs--swatch--neutral--100);
}

/*
    MODULES/Banner: Subtitle (Override)
*/

.banner__text__subtitle {
    font-size: var(--t-gs--font--size--04);
    font-weight: var(--t-gs--font--weight--regular);
    color: var(--t-gs--swatch--neutral--100);
}

/*
    MODULES/Banner: Extra (New)
*/

.banner--extra {
    --t-tc--banner--background--color: var(--t-gs--color--surface--tertiary);
}

.banner--extra .banner__wrapper {
    --t-tc--banner--padding--top: var(--t-gs--space--xxxl);
    --t-tc--banner--padding--bottom: var(--t-gs--space--xxxl);

    justify-content: center;
    gap: var(--t-gs--space--m);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--extra .banner__wrapper {
        flex-direction: column;
    }

    .banner--extra .banner__button {
        inline-size: 100%;
    }

}

/*
    MODULES/Banner: Job Detail
*/

.banner--job-detail,
.banner--my-referrals {
    min-height: var(--t-tc--banner--height);
    background-image: var(--t-tc--banner--background--image);
    background-position: var(--t-tc--banner--background--image--position);
    background-size: var(--t-tc--banner--background--image--size);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail .title {
        font-size: var(--t-gs--font--size--09);
        font-weight: var(--t-gs--font--weight--regular);
    }
}

/*
    MODULES/Banner Slider (New)
*/

:root {
    --custom--banner-slider--height: 34.9rem;
}

.banner--slider .swiper-container {
    display: block;
    max-height: var(--custom--banner-slider--height);
}

.banner--slider .banner__wrapper--slide {
    display: flex;
    block-size: 100%;
    align-items: center;
    height: 0;
    position: relative;
    z-index: 9;
    top: calc( var(--custom--banner-slider--height) / 2.4 );
}

.banner--slider [class*='swiper-slide--banner--'] {
    height: var(--custom--banner-slider--height);
    background-position: var(--t-tc--banner--background--image--position);
    background-size: cover;
}

.banner--slider .swiper-controls {
    justify-content: flex-start;
    position: relative;
    bottom: 4rem;
    z-index: 9;
}

.banner--slider .swiper-controls {
    & .swiper-pagination {
        & .swiper-pagination-bullet {
            --t-tc--swiper__pagination__bullet--background--color: var(--t-gs--swatch--emphasis--080);
            --t-tc--swiper__pagination__bullet--border--width: var(--t-gs--border--width--0);
        }
    }
}

.banner--slider .swiper-controls {
    & .swiper-pagination {
        & .swiper-pagination-bullet {
            &.swiper-pagination-bullet-active {
                --t-tc--swiper__pagination__bullet--background--color: var(--t-gs--swatch--emphasis);
            }
        }
    }
}

.banner--slider .title {
    --t-tc--title--font--color: var(--t-gs--swatch--neutral--100);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    :root {
        --custom--banner-slider--background-position: left center;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    :root {
        --custom--banner-slider--background-position: left center;
        --custom--banner-slider--height: 21.9rem;
    }
}

/*
    MODULES/Footer
*/

.footer {
    border-block-start-color: var(--custom--neutral--80);
}

.footer .link {
    color: var(--t-gs--swatch--neutral--100);
    font-size: var(--t-gs--font--size--04);
    font-weight: var(--t-gs--font--weight--regular);
}

.footer .link:hover {
    color: var(--t-gs--swatch--neutral--100);
    text-decoration-color: var(--t-gs--swatch--emphasis);
}

.footer .link:active {
    text-decoration: none;
    color: var(--t-gs--swatch--emphasis);
}

.footer__social {
    column-gap: 2rem;
}

.footer__social__item {
    block-size: unset;
    align-content: center;
}
.footer__social__item+.footer__social__item {
    margin-inline-start: 0;
}

.footer__links {
    column-gap: 4rem;
}

@media (width <= 750px) {
    .footer__content>*+* {
        margin-block-start: var(--t-gs--space--l);
    }
}

/*
    PAGETYPES/Dashboard: Section Hot Jobs
*/

.section--dashboard--hot-jobs .section__header {
    padding: 1.6rem 1.9rem;
}

.section--dashboard--hot-jobs .section__header__count {
    margin-inline-end: var(--t-gs--space--s);
}

.section--dashboard--hot-jobs .section__header__text {
    display: flex;
    align-items: baseline;
    gap: var(--t-gs--space--s);
    justify-content: space-between;
}

.section--dashboard--hot-jobs .icon--view-all::before{
    --t-tc--icon--wdth: 700;
    --t-tc--icon--font--weight: 900;
    --t-tc--icon--font--size: 2.5rem;
}

/*
    PAGETYPES/Search jobs: Cards: Result (Override/complement)
*/

.search__panel .form--grid .ButtonBarField .tc_formField {
    justify-content: start;
}

.section--search-jobs .article--result {
    --t-tc--result--border--radius: var(--t-gs--border--radius--0);
    --t-tc--result--padding--outers--h: var(--t-gs--space--0);
}

.section--search-jobs .article--result + .article--result {
    margin-block-start: var(--t-gs--space--0);
}

.section--search-jobs .article--result + .article--result:before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: solid;
    border-block-start-color: var(--t-gs--color--border--default);
}

/* PAGETYPES: Search jobs: Results without toggle (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:750px) {
    .article--result.article--non-toggle .article__content {
        max-block-size: unset;
        visibility: visible;
        margin-block-start: var(--t-tc--result--padding--inners--v);
    }

    .article--non-toggle .article__header__actions {
        display: none;
    }
}

/* PAGETYPES: Login (New)
   -------------------------------------------------------------------------- */
.body--login .link {
    font-weight: 600;
}

/* PENDING move the color to library__theme */
.body--login .article {
    border: 0.1rem solid hsl(214, 4%, 70%);
}

.body--login .article__header {
    background-color: var(--t-gs--swatch--neutral--000);
    padding-block: 2rem;
}

.body--login .logo.logo--login {
	margin-right: 5rem;
}

.body--login .article__content {
    padding-block: var(--t-tc--login__box--padding--outers);
}

.body--login .form--login {
    margin-block-start: var(--t-gs--space--l);
}

.login__method--label {
    font-size: var(--t-tc--labels--font--size);
    font-weight: var(--t-tc--labels--font--weight);
}

.body--login .form--login .button-bar .button--primary {
    width: 100%;
}

.body--login .form--login--footer .link {
    font-size: var(--t-gs--font--size--03);
}

.body--login .form--login--footer .button {
    width: 100%;
}

.body--login .form--has-errors .alert--error {
    --t-tc--icon--content: "info";
    --t-tc--icon--font--color: hsla(0, 80%, 10%, 1);
    --t-tc--alert--background--color: hsla(0, 80%, 95%, 1);
    --t-tc--alert--font--color: hsla(0, 80%, 10%, 1);

    font-size: var(--t-gs--font--size--03);
    border-radius: .4rem;
}

.body--login .title--forgot-password {
    padding-block-end: var(--t-gs--space--s2);
}

.button-bar--forgot-password {
    row-gap: 1.2rem;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--login .title--forgot-password {
        font-weight: var(--t-gs--font--weight--regular);
    }
}

/* PAGETYPES: Dashboard: Type of positions (New)
   -------------------------------------------------------------------------- */

.typeOfPosition {
    background-color: hsla(0, 0%, 95%, 1);
}
.typeOfPosition__wrapper {
    padding-block-start: var(--t-tc--main--padding--top);
    padding-block-end: var(--t-tc--main--padding--bottom);
}

.section--type-of-position .section__header__text {
    display: flex;
    justify-content: center;
}

.section--type-of-position .grid__item {
    justify-content: center;
    align-items: center;
}

.article--card--type-of-position {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.article--card--type-of-position .card__button {
    margin-bottom: 2.4rem;
}

.article--card--type-of-position .card__button .button {
    min-width: 16rem;
}

.article--card--type-of-position[class*='dashboard-filterset--'] {
    --t-tc--card--border--width: var(--t-gs--border--width--0);
    --t-tc--card--border--radius: .8rem;

    background-size: cover;
    background-position: center;
    width: 25rem;
    height: 31.8rem;
    margin: 1.3rem 0;
}

.article--card--type-of-position[class*='dashboard-filterset--']:hover {
    box-shadow: -0.6rem .4rem .7rem 0 hsla(0, 0%, 0%, 0.15);
    border-bottom: .624rem solid hsla(198, 100%, 40%, 1);
    width: 26rem;
    height: 33.1rem;
    margin: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--card--type-of-position[class*='dashboard-filterset--'],
    .article--card--type-of-position[class*='dashboard-filterset--']:hover {
        width: 100%;
    }
}

/*
    PAGETYPES/Welcome Popup
*/

.list--welcome-popup {
    list-style: disc;
}

.list--welcome-popup li {
    margin-left: 2rem;
    padding-bottom: 1rem;
}

/*
    PAGETYPES/Dashboard: Article: Hot Jobs (New)
*/

.slider--hot-jobs {
    padding-block: unset;
    padding-inline: unset;
    margin-block: unset;
    margin-inline: unset;
    overflow: hidden;
}

.slider--hot-jobs .swiper-container {
    width: unset;
    margin: 0 2rem;
    overflow: unset;
}

.slider--hot-jobs .swiper-button-next,
.slider--hot-jobs .swiper-button-prev {
    --swiper-theme-color: var(--t-gs--swatch--link);

    position: absolute;
    top: 0;
    z-index: 10;
    height: 100%;
    background-color: var(--custom--white);
    color: var(--swiper-navigation-color, var(--swiper-theme-color));

    width: unset;
    margin-top: unset;
    cursor: unset;
    display: unset;
    align-items: unset;
    justify-content: unset;
}

.slider--hot-jobs .swiper-button-next:after,
.slider--hot-jobs .swiper-button-prev:after {
    --swiper-navigation-size: 2rem;

    font-family: var(--t-tc--icon--font--family);
    position: relative;
    top: 50%;
}

.slider--hot-jobs .swiper-button-next:after {
    content: "arrow_forward_ios";
}

.slider--hot-jobs .swiper-button-prev:after {
    content: "arrow_back_ios";
}

:root {
    --swiper-theme-color: var(--t-gs--swatch--link);
}

.slider--hot-jobs .swiper-button-prev {
    left: -2rem;
}

.slider--hot-jobs .swiper-button-next {
    right: -2rem;
}

.swiper--hot-jobs .swiper-wrapper .swiper-slide {
    margin-bottom: .7rem;
}

.swiper--hot-jobs .article--card .article__header__text>* {
    white-space: unset;
    overflow: unset;
}

.swiper--hot-jobs .article--card:hover {
    border-left: .5rem solid rgba(122, 180, 204, 1);
    box-shadow: .4rem .4rem .55rem 0 hsla(0, 0%, 0%, 0.2);

}

.swiper--hot-jobs .link {
    font-weight: var(--t-gs--font--weight--regular);
}

/*
    PAGETYPES/Open Positions: Checkbox Hot Jobs
*/

.checkbox--hot-jobs {
    font-weight: var(--t-gs--font--weight--bold);
}

.checkbox--hot-jobs label:after {
    content: url("../images/icon--hot-jobs.webp");
    position: relative;
    top: 1rem;
    right: .2rem;
    width: 2rem;
    height: 2rem;
}

/*
    PAGETYPES/Open Positions: Filterset (New)
*/

.filter--opening-position {
    background-color: rgba(242, 242, 243, 1);
    border-radius: var(--t-gs--border--radius--l);
}

/*
    PAGETYPES/Open Positions: Table/Cards (Override/complement)
*/

.section--open-positions-results .table--default .table-view--article,
.section--open-positions-results .table--cards .table-view--default {
    display: flex;
}

.section--open-positions-results .table--cards .table-view--article,
.section--open-positions-results .table--default .table-view--default {
    display: none;
}

.section--open-positions-results .table--default tbody tr>* {
    padding-block: 0;
    padding-inline: 0;
}

.section--open-positions-results .table--default tbody tr+tr>* {
    border-block-start-width: var(--t-gs--border--width--0);
}

.section--open-positions-results .table__wrap {
    border-width: var(--t-gs--border--width--0);
}

.section--open-positions-results .article--card .article__content {
    --t-tc--card--border--width: var(--t-gs--border--width--0);
}

.section--open-positions-results .article--card {
    --t-tc--card--border--radius: var(--t-gs--border--radius--m);
    --t-tc--card--border--color: var(--custom--neutral--80);

    width: 98%;
}

.section--open-positions-results .article--card:hover {
    border-left-width: .5rem;
    border-left-color: rgba(122, 180, 204, 1);
    border-left-style: solid;
    box-shadow: .4rem .4rem .55rem 0rem hsla(0, 0%, 0%, 0.2);
}

.section--open-positions-results .article--card .article__content {
    padding-block-start: .6rem;
}

.section--open-positions-results .grid__item.grid--butons {
    flex: 0 0 20%;
}

.section--open-positions-results .article--card .grid__item {
    padding-block-start: 0;
}

.section--open-positions-results .article--card .grid__item p {
    font-weight: var(--t-gs--font--weight--regular);
}
.section--open-positions-results .article--card .grid__item p span {
    font-weight: var(--t-gs--font--weight--bold);
}
.section--open-positions-results .article--card .grid__item .button--primary {
    margin-block-end: var(--t-gs--space--s2);
}

.section--open-positions-results .link {
    font-weight: var(--t-gs--font--weight--regular);
}

.section--open-positions-results .table--cards.table--cards--with-no-actions tbody tr td:last-child {
    display: flex;
    justify-content: space-around;
}

.section--open-positions-results .table--cards .table--buttons {
    padding-block-start: 1.45rem;
    padding-block-end: 1.45rem;
    justify-content: space-around;
}

.section--open-positions-results .table--cards.table--cards--with-no-subtitle tbody tr td:not(:last-child):not(:first-child):before {
    display: none;
}

.section--open-positions-results .table--cards tbody tr td:not(:last-child):not(:first-child) {
    display: flex;
    flex-direction: column;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--open-positions-results .table--cards.table--cards--with-no-subtitle tbody tr td:not(:last-child):not(:first-child):before {
        content: attr(data-th);
        display: block;
    }
}

/*
    PAGETYPES/Job Detail: General Information
*/

.generalInformation {
    background-color: var(--custom--neutral--95);
    margin-bottom: 1.6rem;
}

.generalInformation__wrapper {
    padding-block-start: 3.2rem;
    padding-block-end: 3.2rem;
}

.generalInformation__wrapper .title {
    font-weight: var(--t-gs--font--weight--regular);
    padding-bottom: var(--t-gs--space--m);
    font-size: var(--t-gs--font--size--09);
}

/* only mobile */
@media all and (max-width:750px) {
    .generalInformation {
        margin-bottom: 0;
    }
}

/*
    PAGETYPES/Job Detail: My personal leaderboard
*/

.title--personal-leaderboard {
    font-size: var(--t-gs--font--size--09);
    font-weight: var(--t-gs--font--weight--regular);
}

/*
    PAGETYPES/Popup Refer: Job name
*/
.body--refer-popup .content-text--jobname {
    color: var(--t-gs--swatch--link);
    font-weight: var(--t-gs--font--weight--bold);
}

/*
    PAGETYPES/Job Detail: Aside Job Detail
*/

.grid--aside-job-detail {
    --t-tc--grid--columns--gap: 10.3rem;
    --t-tc--content--w--sidebar: 39.2rem;
}

.body--job-detail,
.body--job-detail .title {
    --t-tc--main--font--color: var(--custom--black--20);
    --t-tc--title--font--color: var(--custom--black--20);
}

.body--job-detail .article--refer-share .title {
    --t-tc--title--font--color: var(--custom--black--10);
}

.body--job-detail .article--view-more--aside .article__header {
    border-block-end-width: var(--t-gs--border--width--0);
}

.body--job-detail .banner__text__title {
    --t-tc--title--font--color: var(--t-gs--swatch--neutral--100);
}

/* Similar jobs */

.list__item--similar-jobs .list__item__text__title {
    font-weight: var(--t-gs--font--weight--regular);
    font-size: var(--t-gs--font--size--05);
}

.list__item__text__subtitle {
    font-size: var(--t-gs--font--size--05);
    color: var(--custom--black--20);
}

.body--job-detail .list--view-more {
    flex-direction: column;
    flex-wrap: nowrap;
}

@media (width >= 751px) and (width <= 1024px) {
    .body--job-detail .list--view-more .list__item {
        max-inline-size: unset;
        flex: unset;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .grid--aside-job-detail {
        --t-tc--grid--columns--gap: 0;
    }

    .article--refer-share {
        margin-inline-start: 0;
        width: 104%;
    }

    .body--job-detail .article--view-more--aside {
        --t-gs--color--surface--secondary: transparent;
        margin-inline-start: unset;
        margin-inline-end: unset;
    }
}

/*
    PAGETYPES/Job Detail: Refer Share
*/

.article--refer-share {
    background-color: var(--custom--neutral--95);
    border-radius: var(--t-gs--border--radius--l);
    padding: 2.4rem;
}

.article--refer-share .button-bar__wrap,
.article--refer-share .article__item {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
}

.article--refer-share .article__item:not(:last-child) {
    margin-bottom: 2.4rem;
    border-bottom: .1rem solid var(--t-gs--swatch--neutral--080);
}

.article--refer-share .button-bar__wrap .button {
    width: 100%;
}

.article__item--interested .paragraph {
    font-size: var(--t-gs--font--size--05);
}

.article__item--interested .link {
    font-size: var(--t-gs--font--size--05);
    font-weight: var(--t-gs--font--weight--regular);
}

.article--share-popup .list--share {
    justify-content: center;
    padding-bottom: 1.8rem;
    border-bottom: .1rem solid var(--custom--black--00);
}

.article--share-popup .title {
    --t-tc--title--font--weight: var(--t-gs--font--weight--regular);
}

.paragraph--options strong {
    display: block;
    font-weight: var(--t-gs--font--weight--bold);
}

.paragraph--options p {
    display: block;
    margin-bottom: var(--t-gs--space--m);
}

.body--share-popup .closeButton{
    --t-tc--buttons--padding--h: var(--t-gs--space--xxxl);
}

/*
    PAGETYPES/My Referral: In progress/PendingApproval/Closed
*/

.body--myreferral-list .search-banner {
    background-color: var(--custom--neutral--95);
}

.body--myreferral-list .table--default tbody tr td:last-child {
    --t-tc--buttons--padding--h: 1.1rem;
    min-width: 18rem;
}

.body--myreferral-list .table--default tbody tr td:last-child {
    --t-tc--buttons--padding--h: 1.1rem;
    min-width: 18rem;
}

.body--myreferral-list .table--default tbody th {
    font-weight: var(--t-gs--font--weight--regular);
}

.body--myreferral-list .list-controls--top {
    border-bottom: .1rem solid var(--t-gs--color--border--transparent);
    margin-block-end: var(--t-gs--space--s);
}

/*
    PAGETYPES/Leaderboard: Banner
*/

.section__content--leaderboard-banner {
    --leaderboard-banner--width: 41.5rem;

    height: var(--leaderboard-banner--width);
    width: 100%;
    background-color: var(--custom--black--00);
    background-position: center;
    background-size: contain;
    border-radius: 1.6rem;
    object-fit: contain;
    margin-bottom: 6.4rem;
}

.section__content--leaderboard-banner .button {
    position: relative;
    top: calc(var(--leaderboard-banner--width) - (var(--t-tc--buttons--height) * 2));
    left: 4rem;
}

/*
    PAGETYPES/Leaderboard: Periodicity links
*/

.section__header--periodicity-links {
    justify-content: flex-end;
}

.section__header--periodicity-links .link--active {
    text-decoration: underline;
    text-underline-offset: .3rem;
    text-decoration-thickness: .2rem;
}

.section__header--periodicity-links .section__header__links {
    display: flex;
    column-gap: 1.6rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__header--periodicity-links .section__header__links {
        justify-content: space-between;
        width: 100%;
    }
}

/*
    PAGETYPES/My Bonus: Collapsible Referral Bonus
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .title--collapsible-referral-bonus {
        font-size: var(--t-gs--font--size--06);
        font-weight: var(--t-gs--font--weight--regular);
    }
}

/*
    PAGETYPES/My Bonus: Divider
*/

.section--divider--my-bonus {
    --t-tc--divider--top--space: 1.5rem;

    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: solid;
    border-block-start-color: var(--t-gs--swatch--neutral--080);
    padding-block-start: var(--t-tc--divider--top--space);
    margin-block-start: var(--t-gs--space--xl);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--divider--my-bonus {
        border-block-start-color: var(--t-gs--color--border--transparent);
        margin-block-start: 3.3rem;
        padding-block-start: 3.3rem;
    }
}

/*
    PAGETYPES/My Bonus: Pending bonuses table
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .table--myPendingBonusesTable tbody tr td:last-child {
        justify-content: center;
    }

    .table--myPendingBonusesTable tbody tr td:last-child .table__cell,
    .table--myPendingBonusesTable tbody tr td:last-child .table__cell .button {
        width: 100%;
    }

}

/*
    PAGETYPES/My Bonus: Section bonus history
*/

.section__content--bonus-history {
    padding-top: var(--t-gs--space--xl);
}

/*
    PAGETYPES/My Bonus: Person View - Referral Bonus
*/

.article--referral-bonus {
    border-bottom: .1rem solid var(--t-gs--swatch--link);
}

.article--referral-bonus .article--collapsible {
    padding: 0 5.8rem;
    background-color: var(--custom--neutral--95);
    border-radius: 1.5rem 1.5rem 0 0;
    border-block-end-color: hsla(0, 0%, 80%, 1);
}

.article--referral-bonus .article__header {
    padding: 2rem .8rem 3.6rem 1.6rem;
}

.article--referral-bonus .article__header .article__header__actions {
    height: 4rem;;
}

.article--referral-bonus .toggle__icon {
    background-color: var(--t-gs--swatch--link);
    border-radius: var(--t-gs--border--radius--full);
}

.article--referral-bonus .toggle__icon::before {
    --t-tc--icon--font--color: var(--t-gs--swatch--neutral--100);

    font-size: 4rem;
}

.article--referral-bonus .article--details .article__header__text__title {
    justify-content: center;
    text-align: center;
}

.article--referral-bonus .article__content {
    padding-top: 1.6rem;
    padding-bottom: 3.2rem;
}

.article__content--cards-group {
    margin-block-start: unset;
}

.article__content--cards-group .article.article--details {
    background-color: var(--t-gs--swatch--neutral--100);
    border-radius: 1.6rem;
    border-width: var(--t-gs--border--width--0);
    margin-bottom: var(--t-gs--space--xl);
    padding-block-end: unset;
}

.article__content--cards-group .article.article--details .article__header {
    padding-top: 1.85rem;
    padding-bottom: 1.85rem;
}

.article__content--cards-group .article.article--details .article__header .title {
    --t-tc--title--font--size: var(--t-tc--title--h3);
    color: var(--t-gs--swatch--neutral--020);
}

.article__content--cards-group .article--details .article__header+.article__content {
    margin-block-start: unset;
    padding-top: 1.6rem;
    padding-bottom: 3.4rem;
    padding-inline: 3.4rem;
}

.article__content--cards-group .subtitle--divider {
    padding: 0 6.8rem 1.6rem 6.8rem;
    border-bottom: .1rem solid hsla(0, 0%, 80%, 1);
    text-align: center;
    font-size: var(--t-gs--font--size--04);
    font-weight: var(--t-gs--font--weight--bold);
    width: fit-content;
    margin-bottom: 1.6rem;
    justify-self: center;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--referral-bonus .article--collapsible {
        padding: 0 1.8rem;
    }

    .article__content--cards-group .subtitle--divider {
        padding: 0 1rem 1.6rem 1rem;
    }

    .article--referral-bonus .article__header {
        column-gap: .5rem;
    }

    .article__content--cards-group .article.article--details {
        margin-bottom: 2rem;
    }

    .article__content--cards-group .article.article--details .article__header .title {
        font-size: var(--t-gs--font--size--07);
        font-weight: var(--t-gs--font--weight--regular);
    }

    .article__content--cards-group .article__content__view__field__value {
        text-align: center;
    }

    .article__content--cards-group .article--details .article__header+.article__content {
        padding-inline: 1.4rem;
        padding-bottom: 1.95rem;
    }

    .article--details+.article--details {
        padding-block-start: 0.95rem;
    }

    .title--pending-bonuses {
        font-size: var(--t-gs--font--size--09);
        font-weight: var(--t-gs--font--weight--regular);
    }
}

/*
    PAGETYPES/Profile: Thumbnail profile picture
*/

.thumbnail--profile {
    position: relative;
    display: inline-block;
}

.thumbnail--profile img.thumbnail {
    display: block;
    border-radius: 50%;
}

.thumbnail--profile::after,
.thumbnail--profile::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
}

.thumbnail--profile::after {
    content: "Edit photo";
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--neutral--100);
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    padding-left: 2rem;
    border-radius: var(--t-gs--border--radius--full);
}

.thumbnail--profile::before {
    --t-tc--icon: "edit";
    --t-tc--icon--font--size: 2.3rem;

    content: var(--t-tc--icon);
    display: var(--t-tc--icon--display);
    font-family: var(--t-tc--icon--font--family);
    font-variation-settings: "wght" var(--t-tc--icon--wght),
        "wdth" var(--t-tc--icon--wdth),
        "GRAD" var(--t-tc--icon--GRAD),
        "FILL" var(--t-tc--icon--fill),
        "opsz" var(--t-tc--icon--optical-size);
    font-size: var(--t-tc--icon--font--size);
    font-weight: var(--t-tc--icon--font--weight);
    color: var(--t-gs--swatch--neutral--100);
    justify-content: flex-start;
    align-items: center;
    z-index: 1;
}

.thumbnail--profile:hover::after {
    opacity: 1;
}
.thumbnail--profile:hover::before {
    opacity: 1;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .thumbnail--profile:hover::before {
        display: none;
    }

    .thumbnail--profile::after {
        text-align: center;
        padding-left: 0;
    }
}

/*
    PAGETYPES/Profile: Personal leaderboard
*/

.content--personal-leaderboard .article--card {
    width: 25rem;
    height: 100%;
    background-color: var(--custom--neutral--95);
    border-width: var(--t-gs--border--width--0);
    border-radius: var(--t-gs--border--radius--l);
}
.content--personal-leaderboard .article--card .article__content,
.content--personal-leaderboard .article--card .article__footer {
    --t-tc--card--border--width: var(--t-gs--border--width--0);
}
.content--personal-leaderboard .article--card .article__header__text {
    --t-tc--card--padding--outers: var(--t-gs--space--l);
    padding-block-end: 4rem;
}
.content--personal-leaderboard .article__header__text .title {
    font-weight: var(--t-gs--font--weight--bold);
    text-align: center;
}
.content--personal-leaderboard .article__content {
    font-size: var(--t-gs--font--size--05);
}
.content--personal-leaderboard .article--divider--bottom {
    --t-tc--divider--bottom--space: var(--t-gs--space--m);
    --t-gs--color--border--default: hsla(214, 4%, 80%, 1);
    margin-bottom: var(--t-gs--space--m);
}
.content--personal-leaderboard .grid--cards {
    justify-content: center;
    column-gap: 6.4rem;
}
.content--personal-leaderboard .grid>.grid__item {
    --t-tc--grid--columns--gap: 0;
    margin-top: 4rem;
}

@media (width <= 1025px) {
    .content--personal-leaderboard .grid {
        margin-inline-start: unset;
    }

    .content--personal-leaderboard .grid--cards {
        flex-direction: column;
    }

    .content--personal-leaderboard .article--card {
        width: 100%;
    }
}

@media (width >= 751px) {
    .content--personal-leaderboard .grid--cards.grid>.grid__item {
        flex: unset;
    }
}

/*
    PAGETYPES/FAQ: Extra banner, view collapsables
*/

.body--faq .image-banner--faq {
    height: 27.4rem;
    width: 100%;
    object-fit: cover;
}

.body--faq .article--details .article__header__text__title.title {
    --t-tc--title--font--size: 2.2rem;
    --t-tc--title--font--weight: var(--t-gs--font--weight--bold);
    color: var(--custom--black--20);
}

.body--faq .article--collapsible:last-child {
    border-block-end-width: var(--t-gs--border--width--s);
    border-block-end-style: none;
    border-block-end-color: var(--t-gs--color--border--transparent);
}

.body--faq .article--collapsible:first-child {
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: none;
    border-block-start-color: var(--t-gs--color--border--transparent);
}

.body--faq .article--details+.article--details {
    padding-block-start: var(--t-gs--space--xl);
    border-block-start-color: var(--t-gs--swatch--neutral--080);
}

.body--faq .main__wrapper {
    block-size: auto;
}

/*
    PAGETYPES/My referrals
*/

.body--myreferral-list .page-info.alert--info::before {
    --t-tc--alert--font--color: var(--t-gs--swatch--brand);
}

/* UTILITIES: Helper classes
   -------------------------------------------------------------------------- */

/* Flex content center */

.flex--content-center {
    justify-content: center;
}

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

.article__header--title-icon {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.article__header--title-icon .article__header__text__title {
    width: 90%;
}

.article__header--title-icon .icon--hot-jobs {
    width: 3.2rem;
}

.content--hidden {
    content-visibility: hidden;
}

.text--bold {
    font-weight: var(--t-gs--font--weight--bold);
}

.text--link-color {
    color: var(--t-gs--swatch--link);
}

.table--proportional-columns--4 tr td,
.table--proportional-columns--4 tr th {
    width: 25%;
}

.table--proportional-columns--5 tr td,
.table--proportional-columns--5 tr th {
    width: 20%;
}

/* Media query to target only mobile and tablet */
@media all and (max-width:1024px) {
    .table--proportional-columns--4 tr td,
    .table--proportional-columns--4 tr th,
    .table--proportional-columns--5 tr td,
    .table--proportional-columns--5 tr th {
        width: auto;
    }
}