.lesson-portfolio__files {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-large);
}
.lesson-portfolio__file input {
    display: none;
}
.lesson-portfolio__file label {
    text-align: center;
    font-weight: bold;
}
.lesson-portfolio__file.filled {
    width: calc(50% - var(--gap-large) / 2);
}
.lesson-portfolio__file {
    align-content: center;
    align-self: end;
    height: 100%;
    width: calc((50% - var(--gap-large) / 2 - var(--gap-large) * 2) / 3);
    border: 0.15625rem dashed var(--color-danger-tint-500);
    text-align: center;
    background: rgba(var(--color-light-tint-10-rgba), 0.4);
}
.lesson-portfolio__file,
.lesson-portfolio__file img {
    aspect-ratio: var(--image-aspect-ratio-default);
}
.lesson-portfolio__file:not(.filled) label,
.lesson-portfolio__file:not(.filled) img {
    display: none;
}
.lesson-portfolio__file-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin: auto;
    border-radius: 50%;
    font-size: var(--font-size-paragraph);
    text-align: center;
    color: var(--color-light-tint-10);
    background: var(--color-danger-tint-500);
}