@media(min-width: 0px) {
    .lexicon-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        align-self: stretch;
        padding-top: 24px;
    }

    .lexicon-category-container {
        display: flex;
        align-items: flex-start;
        gap: var(--Spacing-Big-Spacing, 20px);
        align-self: stretch;
        flex-direction: column;
    }

    .lexicon-content-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .lexicon-category-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .lexicon-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

    .lexicon-item-link {
        display: flex;
        padding-bottom: 2px;
        align-items: center;
        gap: 4px;
    }
}

@media(min-width: 992px) {
    .lexicon-container {
        gap: 40px;
        padding: 0;
    }

    .lexicon-category-container {
        gap: var(--Spacing-Big-Spacing, 60px);
        flex-direction: row;
    }

    .lexicon-item {
        gap: 24px;
    }
}
@media(min-width: 1200px) {
    .lexicon-container {
        gap: 80px;
    }
}

.stroke {
    stroke-width: 1px;
    stroke: rgba(0, 0, 0, 0.50);
    height: 0px;
    align-self: stretch;
}