#ez-toc-container {
    margin-top: 30px;
    width: 100%;
    background: #e8ebed !important;
    border: 2px solid #72787f !important;
    padding-inline: 12px;
    padding-block: 12px;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;

    @media (min-width: 1024px) {
        padding-inline: 20px;
        padding-block: 20px;
    }

    .ez-toc-title-container {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .ez-toc-title {
            font-weight: 700;
            font-size: 20px;
            display: flex;
            align-items: center;
            gap: 15px;

            @media (min-width: 1024px) {
                font-size: 24px;
            }

            &::before {
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 5.625H0V0H5.625V5.625ZM24 5.625H8.4375V0H24V5.625ZM5.625 14.0625H0V8.4375H5.625V14.0625ZM24 14.0625H8.4375V8.4375H24V14.0625ZM5.625 22.5H0V16.875H5.625V22.5ZM24 22.5H8.4375V16.875H24V22.5Z' fill='%231B1D1F'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-size: contain;
                display: inline-flex;
                align-items: center;
                width: 24px;
                height: 22px;
            }
        }

        .ez-toc-title-toggle {
            svg {
                display: none;
            }

            a {
                margin-left: 0px;
                padding: 0px;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                height: 30px;

                .ez-toc-js-icon-con {
                    border: none;
                    width: 14px;
                    height: 8px;
                    position: relative;
                    display: flex;
                    align-items: center;

                    span {
                        .ez-toc-icon-toggle-span {
                            width: 14px;
                            height: 8px;
                            position: relative;
                            display: block;

                            &::before {
                                content: '';
                                background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57 7.7025L13.3125 0.78375L12.5063 -3.52423e-08L6.58125 6.07875L0.8175 0.00374954L-3.40949e-08 0.779999L6.57 7.7025Z' fill='%231B1D1F'/%3E%3C/svg%3E%0A");
                                background-repeat: no-repeat;
                                background-size: contain;
                                background-position: center;
                                width: 14px;
                                height: 8px;
                                position: absolute;
                                right: 0;
                                top: 0;
                                transition: transform 0.3s ease;
                            }
                        }
                    }
                }
            }
        }
    }

    /* Thêm class để xoay icon khi đóng */
    &.ez-toc-collapsed {
        .ez-toc-title-toggle a .ez-toc-js-icon-con span .ez-toc-icon-toggle-span::before {
            transform: rotate(-90deg);
        }

        nav {
            display: none;
        }
    }

    nav {
        font-size: 18px;

        ul[class^='ez-toc-list'] {
            display: flex;
            flex-direction: column;
            gap: 8px;

            &:first-child {
                margin-top: 20px;
            }

            li {
                display: flex;
                flex-direction: column;
                gap: 8px;

                a {
                    &:visited {
                        color: #333;
                    }
                }
            }
        }
    }
}