.title-achievements-table-section {
    & .title-achievements-table-section-title {
        margin-bottom: 0.2rem;
    }

    & .title-achievements-table {
        & .title-achievements-table-content {
            & .title-achievements-table-row {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                gap: 0.2rem;
                padding-top: 0.1rem;
                padding-bottom: 0.1rem;
                border-bottom: 1px solid var(--light-blue-color-1-opacity);

                &>* {
                    &:last-child {
                        text-align: right;
                    }
                }

                & .title-achievements-table-title-column {
                    width: 2.8rem;
                }

                & .title-achievements-table-competitor-column {
                    width: 1.5rem;
                }

                & .title-achievements-table-result-column {
                    width: 1.5rem;
                }

                & .title-achievements-table-discipline-column {
                    width: 1.5rem;
                }

                & .title-achievements-table-year-column {
                    width: 0.6rem;
                }
            }
        }
    }

    &.achievements-accordion {
        &.accordion-active {
            & .title-achievements-table-section-title {
                & .plus {
                    &:before {
                        transform: scaleY(1);
                    }

                    & span:first-child {
                        background-color: var(--white-color);
                    }

                    & span:nth-child(2) {
                        transform: translate(-50%, -50%) scaleY(0);
                        background-color: var(--white-color);
                    }
                }
            }
        }

        & .title-achievements-table-section-title {
            position: relative;
            cursor: pointer;
            padding-right: 0.5rem;

            & .plus {
                position: absolute;
                right: 0rem;
                top: 50%;
                transform: translateY(-50%);
                width: 0.4rem;
                height: 0.4rem;
                border-radius: 50%;
                background-color: var(--light-blue-color-1-opacity);

                &:before {
                    content: '';
                    position: absolute;
                    top: 0rem;
                    left: 0rem;
                    width: 100%;
                    height: 100%;
                    background: var(--light-blue-color-1);
                    border-radius: 50%;
                    transform: scale(0);
                    transform-origin: center;
                    transition: transform 500ms var(--custom-cubis-ease2);
                }

                & span:first-child {
                    position: absolute;
                    width: 50%;
                    height: 2px;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background-color: var(--black-color);
                    transition: background-color 500ms var(--custom-cubic-ease);
                }

                & span:nth-child(2) {
                    position: absolute;
                    width: 2px;
                    height: 50%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background-color: var(--black-color);
                    transition: transform 500ms var(--custom-cubic-ease), background-color 500ms var(--custom-cubic-ease);
                }
            }
        }

        & .title-achievements-table {
            height: 0;
            overflow: hidden;
            transition: height 500ms var(--custom-cubic-ease);
            will-change: height;
            backface-visibility: hidden;
        }
    }
}

@media screen and (max-width: 768px) {
    .title-achievements-table-section {
        & .title-achievements-table-section-title {
            margin-bottom: 0.1rem;
        }

        & .title-achievements-table {
            & .title-achievements-table-content {
                & .title-achievements-table-row {
                    gap: 0.05rem;
                    padding-top: 0.1rem;
                    padding-bottom: 0.1rem;

                    &>* {
                        &:last-child {
                            text-align: left;
                        }
                    }

                    &.table-heading-row {
                        display: none;
                    }

                    & .title-achievements-table-title-column {
                        width: 100%;

                        &.empty {
                            display: none;
                        }
                    }

                    & .title-achievements-table-competitor-column {
                        width: 100%;
                        order: 3;

                        &.empty {
                            display: none;
                        }
                    }

                    & .title-achievements-table-result-column {
                        width: 100%;
                        order: 4;

                        &.empty {
                            display: none;
                        }
                    }

                    & .title-achievements-table-discipline-column {
                        width: 100%;
                        order: 5;

                        &.empty {
                            display: none;
                        }
                    }

                    & .title-achievements-table-year-column {
                        width: 100%;
                        order: 2;

                        &.empty {
                            display: none;
                        }
                    }
                }
            }
        }

        &.achievements-accordion {
            & .title-achievements-table-section-title {
                padding-right: 0.4rem;

                & .plus {
                    width: 0.3rem;
                    height: 0.3rem;
                }
            }
        }
    }
}