.root {
    display: flex;
    align-items: center;
    color: var(--color-text-primary);
}

.root[data-scheme='light'] {
    color: var(--color-text-primary-inverted);
}

.root[data-size='sm'] {
    height: 10px;

    .bracket {
        width: 3px;
    }

    .contentIcon {
        width: 16px;
    }
}

.root[data-size='md'] {
    height: 13px;

    .bracket {
        width: 4px;
    }

    .contentIcon {
        width: 22px;
    }
}

.root[data-size='lg'] {
    height: 16px;

    .bracket {
        width: 5px;
    }

    .contentIcon {
        width: 28px;
    }
}

.contentIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.bracket {
    height: 100%;
}

.bracketLeft {
    margin-right: 4px;
}

.bracketRight {
    margin-left: 4px;
}