/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/modules/team-member.module/module.css ***!
  \***************************************************************************************************************************************/
.crew-member {
    border: 1px solid #DCE7E4;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    padding-bottom: 0;
}

    .crew-member--no-description {
        padding-bottom: 0.75rem;
    }

    @container (max-width: 256px) {.crew-member {
        padding: 0.5rem;
        padding-bottom: 0
}

        .crew-member--no-description {
            padding-bottom: 0.5rem;
        }
    }

    @supports (container-type: inline-size) {

    .crew-member__container {
            container-type: inline-size
    }
        }

    .crew-member__name {
        order: 3;
        text-align: center;
        margin-top: 0.25rem;
        word-break: keep-all;
    }

    @container (max-width: 256px) {

    .crew-member__name {
            font-size: var(--text-base--fluid, 1rem)
    }
        }

    .crew-member__job-title {
        order: 2;
        margin-top: 1rem;
        text-align: center;
    }

    .crew-member__image {
        aspect-ratio: 1 / 1;
        border-radius: 4px;
        height: auto;
        object-fit: cover;
        order: 1;
        width: 100%;
    }

    .crew-member__details {
        font-size: var(--text-sm, 0.875rem);
        padding-bottom: 1rem;

        /* &::before {
            content: '';

            background-image: linear-gradient(to top, var(--team-member-bg, #ffffff), transparent);
            inset: 0 0 0 0;
            opacity: 0;
            position: absolute;
            transition: opacity 150ms linear;
        }

        &.collapsed::before  {
            opacity: 1;
        } */
    }

    .crew-member__details-wrapper {
            order: 4;
            margin-top: 1rem;
            isolation: isolate;
            position: relative;
        }

    .crew-member__details-toggle {
            appearance: none;
            background-color: transparent;
            border: none;
            border-top: 1px solid #DCE7E4;
            border-radius: 2px;
            color: rgba(var(--brand-color-teal-dark), 0.66);
            /* margin-top: 0.75rem; */
            order: 5;
            padding-block: 0.5rem;
            transition: color 150ms linear, background-color 150ms linear, outline 150ms linear;
        }

    .crew-member__details-toggle:hover,
            .crew-member__details-toggle:focus-visible {
                color: rgba(--var(--brand-color-teal-dark), 0.9);
            }

    .crew-member__details-toggle__icon > path {
                    transform-box: fill-box;
                    transform-origin: center;

                    transition: transform 250ms var(--ease-in-out-back);
                }

    .crew-member__description {

    }

    .crew-member__pronouns {
        margin-top: 0.75rem;
    }