.phd-accordion{
    --accordion-border: 1px solid rgb(225 227 229 / 1);



    /*--phd__paddings: var(--phd__vertical-padding) var(--phd__horizontal-padding);*/

    --phd__accordion-main-color-rgb: var(--phd__color-primary-rgb);



    --phd__accordion-main-color: rgb(var(--phd__accordion-main-color-rgb));




    display: flex;
    flex-direction: column;
    width: 100%;
    border: var(--accordion-border);
    border-radius: var(--phd__border-radius);
    padding: 0 2rem;
}
.phd-accordion details{
    width: 100%;
}
.phd-accordion details:not(:last-child){
    border-bottom: var(--accordion-border);
}

.phd-accordion summary {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1.25rem 0;
    /*text-transform: uppercase;*/
    cursor: pointer;
    /*letter-spacing: 0.04rem;*/
    /*font-size: 0.625em;*/
    font-weight: 600;
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: start;
    align-items: center;
    width: 100%;
    /*outline: 1px solid rgba(5, 248, 248, 0.3);*/
    transition: color .3s ease;
}

.phd-accordion details[open] summary{
    color: var(--phd__accordion-main-color);
}

@media (hover: hover) {
    .phd-accordion summary:hover {
        filter: var(--phd__hover-filter);
        color: var(--phd__accordion-main-color);

    }
}

.phd-accordion summary::-webkit-details-marker {
    display: none;
}

.phd-accordion details summary::after{
    content: '\e85a';
    font-size: 1.8rem;
    margin: -1rem 0;
}

.phd-accordion details[open] summary::after{
    content: '\e85b';
}

.phd-accordion-content{
    margin: .5rem 0 1.5rem 0;
    font-size: .9rem;
    line-height: 1.5rem;
    color: var(--phd__text-color);
    text-align: start;
    text-indent: 0;
}

.phd-accordion-content-wrapper{
    overflow: hidden;
    height: 0;
    /*background-color: #00a1ff;*/
    transition: height 0.3s ease;
}


.expanded .phd-accordion-content-wrapper{
    height: min-content;
}
/*.phd-accordion-content-wrapper {*/
/*    overflow: hidden;*/
/*!*    max-height: 0;*!*/
/*!*    transition: max-height 0.3s ease;*!*/
/*}*/

/*.phd-accordion details[open] .phd-accordion-content-wrapper {*/
/*    max-height: 500px; !* Set a max-height large enough for your content *!*/
/*}*/


/* add wrapper, continue with font-size */
/*@keyframes invisiblyGrowFontSize {*/
/*    0% {*/
/*        font-size: 0;*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        font-size: 1em;*/
/*        opacity: 0;*/
/*    }*/
/*}*/
/*@keyframes fadeIn {*/
/*    0% {*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*@keyframes heightGrow {*/
/*    0%{*/
/*        height: 0%;*/
/*    }*/
/*    2%{*/
/*        height: 0%;*/
/*    }*/
/*    100%{*/
/*        height: 60%;*/
/*    }*/
/*}*/
/*.details[open] .content {*/
/*    animation-name: invisiblyGrowFontSize, fadeIn;*/
/*    animation-duration: 500ms, 200ms;*/
/*    animation-delay: 0ms, 500ms;*/
/*}*/

/*.phd-accordion details[open] .phd-accordion-content-wrapper{*/
/*    animation-name: heightGrow, fadeIn;*/
/*    animation-duration: 500ms, 200ms;*/
/*    animation-delay: 0ms, 500ms;*/
/*}*/