Text data

            @use "../abstracts/css-util";

.text-data {
    &-item {
        font-family: css-util.get-var(text-data,font);
        font-size: css-util.get-var(text-data,text-size);
        font-weight: css-util.get-var(text-data,text-weight);
        display: flex;
        flex-direction: column;
        gap:0.2rem;

        &-row {
            flex-direction: row;

            .field-label {
                flex-basis: 55%;
            }
        }
    }

    &-set {
        display: flex;
        flex-direction: column;
        gap: css-util.get-var(text-data-set,gap);
        width:100%;

        &-row {
            flex-direction: row;
            gap: 4rem;
        }
    }
}