.ExtraFields{
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}

.ExtraFields.Show{
    max-height: 800px;
    transition: max-height 0.15s ease-out;
}

.ShowExtras{
    line-height: 1.5rem;
}

.ShowExtras > div{
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    /*z-index: 100;*/
}

.ToggleExtras::before, .ToggleExtras::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--ButtonColour1);
    border-radius: 1rem;
}

.ToggleExtras::before{
    position: absolute;
    top: calc(50% - 1px);
}

.ToggleExtras::after{
    position: absolute;
    transform: rotate(90deg);
    bottom: calc(50% - 1px);
    transition:all 0.5s;
}

.ToggleExtras.Open::after{
    transform: rotate(0deg);
}

.card-img-left{
    object-fit: contain;
    width: 160px;
    object-position: top;
}