.mds-textarea-group.mds-wrapper--disabled {
    cursor: not-allowed;
}
.mds-textarea-group.mds-wrapper--disabled * {
    color: var(--color-grey--50);
}
.mds-textarea-group:has(textarea[aria-invalid=true]) > .mds-message--error {
    display: block;
}
.mds-textarea-group > label:not(.mds-sr-only) + textarea {
    margin-top: 0.5rem;
}
.mds-textarea-group textarea {
    color: var(--color-grey--80);
    font: normal 1.125rem "Source Sans Pro", sans-serif;
    line-height: 1.75rem;
    padding: 0.5rem 1rem;
    width: 100%;
    height: fit-content;
    background-color: var(--color-white);
    border: none;
    border-radius: 4px;
    outline: solid 1px var(--color-grey--50);
    z-index: 10;
}
.mds-textarea-group textarea[aria-invalid=true], .mds-textarea-group textarea:focus-visible[aria-invalid=true] {
    outline-color: var(--color-use--5);
}
.mds-textarea-group textarea:not([disabled]):hover {
    outline: solid 3px var(--color-use--9);
    outline-offset: -3px;
}
.mds-textarea-group textarea:not([disabled]):focus, .mds-textarea-group textarea:not([disabled]):focus-visible {
    outline-color: var(--color-use--9);
}
.mds-textarea-group textarea[disabled] {
    outline-color: var(--color-grey--20);
    cursor: not-allowed;
}
.mds-textarea-group textarea[disabled] + div > p.mds-textarea__counter {
    color: var(--color-grey--50);
}
@media (max-width: 56.23em) {
    .mds-textarea-group textarea {
        color: var(--color-grey--80);
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem;
    }
}
.mds-textarea-group textarea[readonly=readonly], .mds-textarea-group textarea[readonly=readonly]:hover {
    outline: none;
    background-color: var(--color-grey--5);
}
.mds-textarea-group textarea + div > p.mds-textarea__counter {
    color: var(--color-grey--80);
    font: normal 0.875rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
}
.mds-textarea-group textarea:-webkit-autofill {
    background-color: inherit !important;
}
#newCommentForm .input-name{
    display: none;
}

#comments > .med-comments > .med-commentaire {
    border-top: 1px solid #e5e5e5;
    padding-top: 1rem;
}

#comments > .med-comments:first-child > .med-commentaire:first-child {
    border-top: 0 !important;
}

#connexionCommentaire {
    background-color: var(--color-grey--5);
}

#cgu-alert.mcf-d--none, #commentaire-alert.mcf-d--none {
    display: none !important;
}

#boutonSoumissionCommentaire:disabled {
    cursor: not-allowed;
}

.med-comments {
    -webkit-transition: max-height .35s ease-in-out;
    -moz-transition: max-height .35s ease-in-out;
    -o-transition: max-height .35s ease-in-out;
    transition: max-height .35s ease-in-out;
}

.med-comments:is(.hidden) {
    max-height: 0px;
    overflow: hidden;
}

#showMoreBtn {
    justify-content: center;
}

.med-commentaire-date {
    font-size: .875rem;
    color: var(--color-grey--60);
}